Maroon Colors  ·  Color Library

Palettes / Colors / #CBFD90

#CBFD90 — Light Vivid Green

#CBFD90 is a green color we call Light Vivid Green, closest to the named color Khaki (#F0E68C). It belongs to the green family.

Color name

Closest CSS keyword: khaki (#F0E68C) — not an exact match. CSS khaki gives you #F0E68C, a different color; use #CBFD90 when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

#CBFD90 is a warm-leaning green color associated with growth, calm and balance. It is light enough to work as a background or base color, with darker text on top.

Its strongest partner is its complement #C391FD; it also sits naturally between #FDF991 and #95FD91. In the palettes below you can see it working alongside real color combinations from our collection.

#CBFD90 · RGB 203, 253, 144

Download PNG swatch SVG

Color values

HEX#CBFD90
RGB203, 253, 144
HSL88°, 96%, 78%
HSV88°, 43%, 99%
CMYK20%, 0%, 43%, 1%
XYZ64.79, 84.96, 39.37
Yxy84.96, 0.3426, 0.4492
CIE-Lab93.87, -33.52, 46.94
Hunter Lab92.17, -31.41, 35.49

RGB & CMYK percentages

Red 80% · Green 99% · Blue 56%

Cyan 20% · Magenta 0% · Yellow 43% · Key 1%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #CBFD90 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #CBFD90 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #CBFD90

.text { color: #CBFD90; }
.background { background-color: #CBFD90; }
.border { border: 3px solid #CBFD90; }
.text-rgb { color: rgb(203, 253, 144); }
.text-hsl { color: hsl(88, 96%, 78%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #CBFD90; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(203, 253, 144, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #CBFD90; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(203, 253, 144, 0.8); }

HTML: <p style="color:#CBFD90">Text here</p> · <div style="background-color:#CBFD90">Div content here</div>

Shades of #CBFD90

#BAFC6E#A7FB46#96FB23#82F005#6FCD04#5CAA03#478203#345F02#1E3701#0B1400

Tints of #CBFD90

#CFFD9B#D4FDA5#D6FDAA#DBFDB4#E0FEBE#E5FEC8#EAFED2#ECFED7#F1FEE1#F5FFEB

Tones of #CBFD90

#CAF599#C9EEA0#C9E6A8#C8DEB0#C8D6B8#C7CFBF

Color harmonies

Complementary — #C391FD:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.17:1 Fails
Against black text17.99:1 AAA

Best text color on #CBFD90: #000000.

Semi-transparent (opacity) text on #CBFD90

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #CBFD90: ·

How #CBFD90 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #E1E1AADeuteranopia · #DEDAB1Tritanopia · #CEBFC4

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Material Lime 500 · #CDDC39Material Yellow 500 · #FFEB3BMaterial Grey 500 · #9E9E9E

Palettes with a similar color

These palettes use a close neighbour of #CBFD90 rather than the exact color:

Palette 074173
#074173 · #1679AB · #5DEBD7 · #C5FF95
Palette C3ff93
#C3FF93 · #FFDB5C · #FFAF61 · #FF70AB
Palette Df826c
#DF826C · #F8FFD2 · #D0F288 · #8ADAB2
Serene Mosaic
#B5157C · #E63428 · #EDCD64 · #CAF39E
Crimson Aurora
#DEF5C7 · #C7F19C · #6DC11B · #29450C
Electric Opal
#E88EB4 · #E26749 · #DFBC29 · #C4F086

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#C5FF95#C3FF93#D0F288#CAF39E#C7F19C#C4F086#D3EE98#DBF698#DDF796#CDE990#CAF2A1#CDF3A2

Browse neighbouring colors

← #CBFD8F  ·  #CBFD91 →

Frequently asked questions

What color is #CBFD90?

#CBFD90 is Light Vivid Green, a green color (RGB 203, 253, 144). Its closest standard named color is Khaki.

What is the RGB and HSL of #CBFD90?

#CBFD90 is RGB 203, 253, 144 — HSL 88°, 96%, 78% — CMYK 20%, 0%, 43%, 1%.

What colors go with #CBFD90?

Its complement is #C391FD; analogous partners are #FDF991 and #95FD91. It also appears in 6+ palettes in our collection.

Can I use #CBFD90 for text?

Black text on #CBFD90 has a contrast ratio of 17.99:1 (passes WCAG AA); white text gives 1.17:1.