Maroon Colors  ·  Color Library

Palettes / Colors / #CBFBE6

#CBFBE6 — Pale Vivid Green

#CBFBE6 is a green color we call Pale Vivid Green, closest to the named color PaleTurquoise (#AFEEEE). It belongs to the green family.

#CBFBE6 is a cool 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 #FBCBE0; it also sits naturally between #CBFBCE and #CBF8FB. In the palettes below you can see it working alongside real color combinations from our collection.

#CBFBE6 · RGB 203, 251, 230

Download PNG swatch SVG

Color values

HEX#CBFBE6
RGB203, 251, 230
HSL154°, 86%, 89%
HSV154°, 19%, 98%
CMYK19%, 0%, 8%, 2%
XYZ73.41, 87.40, 87.86
Yxy87.40, 0.2952, 0.3515
CIE-Lab94.91, -19.31, 5.02
Hunter Lab93.49, -18.75, 4.81

RGB & CMYK percentages

Red 80% · Green 98% · Blue 90%

Cyan 19% · Magenta 0% · Yellow 8% · Key 2%

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

Previews

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

CSS code for #CBFBE6

.text { color: #CBFBE6; }
.background { background-color: #CBFBE6; }
.border { border: 3px solid #CBFBE6; }
.text-rgb { color: rgb(203, 251, 230); }
.text-hsl { color: hsl(154, 86%, 89%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #CBFBE6; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(203, 251, 230, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #CBFBE6; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(203, 251, 230, 0.8); }

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

Shades of #CBFBE6

#A5F8D4#7AF5C0#54F2AE#2AEF99#11DF86#0EB46C#0B8E55#07643C#053E25#01130B

Tints of #CBFBE6

#D0FBE8#D0FBE8#D4FCEB#D9FCED#DEFDEF#DEFDEF#E3FDF1#E7FDF4#E7FDF4#ECFEF6

Tones of #CBFBE6

#CEF8E6#D2F4E5#D5F1E5#D9EDE4#DCEAE4#E0E6E3

Color harmonies

Complementary — #FBCBE0:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.14:1 Fails
Against black text18.48:1 AAA

Best text color on #CBFBE6: #000000.

How #CBFBE6 looks with color blindness

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

Protanopia · #E0E0EBDeuteranopia · #DDD9ECTritanopia · #CDEFF0

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:

Bootstrap light · #F8F9FAMaterial Grey 500 · #9E9E9ETailwind purple 500 · #A855F7

Palettes with a similar color

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

Vivid Zephyr
#A20F5D · #ED3FBF · #33EC89 · #C9F7E4
Palette Caf7e3
#CAF7E3 · #EDFFEC · #F6DFEB · #E4BAD4
Palette Caf7e3
#CAF7E3 · #F8EDED · #F6DFEB · #E4BAD4
Palette Ebfffa
#EBFFFA · #C6FCE5 · #6EF3D6 · #0DCEDA
Tranquil Ruby Mirage
#C9F8EA · #70EBC7 · #148564 · #157055
Palette 421b9b
#421B9B · #A06EE1 · #CBBCF6 · #CEF9E2

Similar colors

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

#C9F7E4#CAF7E3#C6FCE5#C9F8EA#CEF9E2#CFFDE1#CFFFE2#CFF5E7#CEF3E2#D2F4E1#D1F8EF#CDFADB

Browse neighbouring colors

← #CBFBE5  ·  #CBFBE7 →

Frequently asked questions

What color is #CBFBE6?

#CBFBE6 is Pale Vivid Green, a green color (RGB 203, 251, 230). Its closest standard named color is PaleTurquoise.

What is the RGB and HSL of #CBFBE6?

#CBFBE6 is RGB 203, 251, 230 — HSL 154°, 86%, 89% — CMYK 19%, 0%, 8%, 2%.

What colors go with #CBFBE6?

Its complement is #FBCBE0; analogous partners are #CBFBCE and #CBF8FB. It also appears in 6+ palettes in our collection.

Can I use #CBFBE6 for text?

Black text on #CBFBE6 has a contrast ratio of 18.48:1 (passes WCAG AA); white text gives 1.14:1.