#CFE141#CFE141

#CFE141 is a very light, vivid yellow. Relative luminance 0.675; OKLCH L 86.8% C 0.177 H 115.8°. Best body text is #000000 at 14.50:1 contrast (WCAG AA passes).

Color values

HEX	#CFE141
RGB	rgb(207, 225, 65)
HSL	hsl(67, 73%, 57%)
HSV	hsv(67, 71%, 88%)
CMYK	cmyk(8%, 0%, 71.1%, 11.8%)
CIE-LAB	lab(85.75, -25.48, 71.68)
CIE-LCH	lch(85.75, 76.07, 109.57°)
OKLab	oklab(86.85% -0.077 0.1592)
OKLCH	oklch(86.85% 0.177 115.8)
XYZ	xyz(53.6129, 67.4983, 15.2042)
Luminance	0.6750 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#CFE141 #5341E1

analogous

#E1A341 #CFE141 #7FE141

triadic

#CFE141 #41CFE1 #E141CF

tetradic

#CFE141 #41E1A3 #5341E1 #E1417F

square

#CFE141 #41E1A3 #5341E1 #E1417F

split-complementary

#CFE141 #417FE1 #A341E1

monochromatic

#839117 #B3C61F #CFE141 #DCE976 #EAF2AB

Accessibility & contrast

On white

1.45

#CFE141 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

14.50

#CFE141 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CFE141

14.50:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##CFE141	#FFFFFF	#000000	##000000
##CFE141	1.00	1.45	14.50	14.50
#FFFFFF	1.45	1.00	21.00	21.00
#000000	14.50	21.00	1.00	1.00
##000000	14.50	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#F1D523

Deuteranopia (green-blind)

#EFD84E

Tritanopia (blue-blind)

#DCD4C2

Achromatopsia (no color)

#D6D6D6

Design tokens & code

CSS

--color: #cfe141;
/* rgb */ color: rgb(207, 225, 65);
/* oklch */ color: oklch(86.8% 0.177 115.8);

Tailwind

colors: {
  custom: {
    50: '#e1ea80',
    500: '#cfe141',
    950: '#000000',
  },
}

SCSS

$custom: #cfe141;
$custom-light: #e1ea80;
$custom-dark: #000000;

JSON

{
  "hex": "#cfe141",
  "rgb": {
    "r": 207,
    "g": 225,
    "b": 65
  },
  "hsl": {
    "h": 66.75,
    "s": 72.727,
    "l": 56.863
  },
  "oklch": {
    "l": 0.86847,
    "c": 0.17678,
    "h": 115.8
  },
  "luminance": 0.67497
}

Semantic roles & 50–950 ramp

primary

#CFE141

secondary

#3C3196

accent

#38EF4D

background

#FEFEFB

surface

#FDFDF2

border

#D5D5CC

text

#16160B

muted

#84847E

Preview Lab

Preview with #CFE141

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

Preview Lab → · Contrast checker → · Palette generator →