#CBF75C#CBF75C

#CBF75C is a very light, vivid yellow-green. Relative luminance 0.800; OKLCH L 91.6% C 0.185 H 123.6°. Best body text is #000000 at 17.00:1 contrast (WCAG AA passes).

Color values

HEX#CBF75C
RGBrgb(203, 247, 92)
HSLhsl(77, 91%, 66%)
HSVhsv(77, 63%, 97%)
CMYKcmyk(17.8%, 0%, 62.8%, 3.1%)
CIE-LABlab(91.68, -35.65, 67.57)
CIE-LCHlch(91.68, 76.40, 117.81°)
OKLaboklab(91.61% -0.1025 0.1545)
OKLCHoklch(91.61% 0.185 123.6)
XYZxyz(59.8216, 79.9904, 22.4113)
Luminance0.7999 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CBF75C #885CF7
analogous
#F7D55C #CBF75C #7EF75C
triadic
#CBF75C #5CCBF7 #F75CCB
tetradic
#CBF75C #5CF7D5 #885CF7 #F75C7E
square
#CBF75C #5CF7D5 #885CF7 #F75C7E
split-complementary
#CBF75C #5C7EF7 #D55CF7
monochromatic
#97CE0A #B8F422 #CBF75C #DEFA96 #F0FDD1

Accessibility & contrast

On white

1.24
#CBF75C on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.00
#CBF75C on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CBF75C
17.00:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CBF75C#FFFFFF#000000##000000
##CBF75C1.001.2417.0017.00
#FFFFFF1.241.0021.0021.00
#00000017.0021.001.001.00
##00000017.0021.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFE848
Deuteranopia (green-blind)
#FEE767
Tritanopia (blue-blind)
#D4EBD7
Achromatopsia (no color)
#E7E7E7

Design tokens & code

CSS
--color: #cbf75c;
/* rgb */ color: rgb(203, 247, 92);
/* oklch */ color: oklch(91.6% 0.185 123.6);
Tailwind
colors: {
  custom: {
    50: '#defa91',
    500: '#cbf75c',
    950: '#000000',
  },
}
SCSS
$custom: #cbf75c;
$custom-light: #defa91;
$custom-dark: #000000;
JSON
{
  "hex": "#cbf75c",
  "rgb": {
    "r": 203,
    "g": 247,
    "b": 92
  },
  "hsl": {
    "h": 77.032,
    "s": 90.643,
    "l": 66.471
  },
  "oklch": {
    "l": 0.91607,
    "c": 0.18544,
    "h": 123.6
  },
  "luminance": 0.79991
}

Semantic roles & 50–950 ramp

primary
#CBF75C
secondary
#5A2DCA
accent
#00E641
background
#FEFFFC
surface
#FCFFF4
border
#D5D7CE
text
#15170D
muted
#84857F

Preview Lab

Preview with #CBF75C

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

Preview Lab → · Contrast checker → · Palette generator →

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