#CBF967#CBF967

#CBF967 is a very light, vivid yellow-green. Relative luminance 0.814; OKLCH L 92.2% C 0.179 H 124.6°. Best body text is #000000 at 17.29:1 contrast (WCAG AA passes).

Color values

HEX#CBF967
RGBrgb(203, 249, 103)
HSLhsl(79, 92%, 69%)
HSVhsv(79, 59%, 98%)
CMYKcmyk(18.5%, 0%, 58.6%, 2.4%)
CIE-LABlab(92.32, -35.73, 63.75)
CIE-LCHlch(92.32, 73.08, 119.27°)
OKLaboklab(92.15% -0.1018 0.1477)
OKLCHoklch(92.15% 0.179 124.6)
XYZxyz(60.9527, 81.4266, 25.3351)
Luminance0.8143 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CBF967 #9567F9
analogous
#F9DE67 #CBF967 #82F967
triadic
#CBF967 #67CBF9 #F967CB
tetradic
#CBF967 #67F9DE #9567F9 #F96782
square
#CBF967 #67F9DE #9567F9 #F96782
split-complementary
#CBF967 #6782F9 #DE67F9
monochromatic
#9ADD09 #B7F72C #CBF967 #DFFBA2 #F3FEDD

Accessibility & contrast

On white

1.21
#CBF967 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.29
#CBF967 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CBF967
17.29:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CBF967#FFFFFF#000000##000000
##CBF9671.001.2117.2917.29
#FFFFFF1.211.0021.0021.00
#00000017.2921.001.001.00
##00000017.2921.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFEA57
Deuteranopia (green-blind)
#FFE871
Tritanopia (blue-blind)
#D3EEDA
Achromatopsia (no color)
#E9E9E9

Design tokens & code

CSS
--color: #cbf967;
/* rgb */ color: rgb(203, 249, 103);
/* oklch */ color: oklch(92.2% 0.179 124.6);
Tailwind
colors: {
  custom: {
    50: '#defb97',
    500: '#cbf967',
    950: '#000000',
  },
}
SCSS
$custom: #cbf967;
$custom-light: #defb97;
$custom-dark: #000000;
JSON
{
  "hex": "#cbf967",
  "rgb": {
    "r": 203,
    "g": 249,
    "b": 103
  },
  "hsl": {
    "h": 78.904,
    "s": 92.405,
    "l": 69.02
  },
  "oklch": {
    "l": 0.92154,
    "c": 0.17937,
    "h": 124.6
  },
  "luminance": 0.81427
}

Semantic roles & 50–950 ramp

primary
#CBF967
secondary
#6431D3
accent
#00E648
background
#FEFFFC
surface
#FCFFF5
border
#D5D7CF
text
#15170E
muted
#84857F

Preview Lab

Preview with #CBF967

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

Preview Lab → · Contrast checker → · Palette generator →

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