#CBE270#CBE270

#CBE270 is a very light, vivid yellow-green. Relative luminance 0.683; OKLCH L 87.2% C 0.142 H 118.9°. Best body text is #000000 at 14.65:1 contrast (WCAG AA passes).

Color values

HEX#CBE270
RGBrgb(203, 226, 112)
HSLhsl(72, 66%, 66%)
HSVhsv(72, 50%, 89%)
CMYKcmyk(10.2%, 0%, 50.4%, 11.4%)
CIE-LABlab(86.14, -24.22, 52.63)
CIE-LCHlch(86.14, 57.93, 114.71°)
OKLaboklab(87.21% -0.0688 0.1246)
OKLCHoklch(87.21% 0.142 118.9)
XYZxyz(54.7501, 68.2594, 25.6172)
Luminance0.6826 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CBE270 #8770E2
analogous
#E2C070 #CBE270 #92E270
triadic
#CBE270 #70CBE2 #E270CB
tetradic
#CBE270 #70E2C0 #8770E2 #E27092
square
#CBE270 #70E2C0 #8770E2 #E27092
split-complementary
#CBE270 #7092E2 #C070E2
monochromatic
#96B324 #B8D83D #CBE270 #DEECA3 #F0F7D6

Accessibility & contrast

On white

1.43
#CBE270 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.65
#CBE270 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CBE270
14.65:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CBE270#FFFFFF#000000##000000
##CBE2701.001.4314.6514.65
#FFFFFF1.431.0021.0021.00
#00000014.6521.001.001.00
##00000014.6521.001.001.00

Color blindness preview

Protanopia (red-blind)
#EED766
Deuteranopia (green-blind)
#ECD876
Tritanopia (blue-blind)
#D5D8C8
Achromatopsia (no color)
#D7D7D7

Design tokens & code

CSS
--color: #cbe270;
/* rgb */ color: rgb(203, 226, 112);
/* oklch */ color: oklch(87.2% 0.142 118.9);
Tailwind
colors: {
  custom: {
    50: '#ddeb9c',
    500: '#cbe270',
    950: '#000000',
  },
}
SCSS
$custom: #cbe270;
$custom-light: #ddeb9c;
$custom-dark: #000000;
JSON
{
  "hex": "#cbe270",
  "rgb": {
    "r": 203,
    "g": 226,
    "b": 112
  },
  "hsl": {
    "h": 72.105,
    "s": 66.279,
    "l": 66.275
  },
  "oklch": {
    "l": 0.87208,
    "c": 0.14232,
    "h": 118.9
  },
  "luminance": 0.68259
}

Semantic roles & 50–950 ramp

primary
#CBE270
secondary
#5942B4
accent
#17CE3C
background
#FEFEFC
surface
#FCFDF5
border
#D5D5CF
text
#15160E
muted
#84847F

Preview Lab

Preview with #CBE270

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#CBE270 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva