#EBED67#EBED67

#EBED67 is a very light, vivid yellow. Relative luminance 0.792; OKLCH L 91.9% C 0.155 H 109.9°. Best body text is #000000 at 16.84:1 contrast (WCAG AA passes).

Color values

HEX	#EBED67
RGB	rgb(235, 237, 103)
HSL	hsl(61, 79%, 67%)
HSV	hsv(61, 57%, 93%)
CMYK	cmyk(0.8%, 0%, 56.5%, 7.1%)
CIE-LAB	lab(91.33, -17.65, 63.26)
CIE-LCH	lch(91.33, 65.67, 105.59°)
OKLab	oklab(91.92% -0.0529 0.1461)
OKLCH	oklch(91.92% 0.155 109.9)
XYZ	xyz(66.9951, 79.2115, 24.5895)
Luminance	0.7921 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#EBED67 #6967ED

analogous

#EDAC67 #EBED67 #A8ED67

triadic

#EBED67 #67EBED #ED67EB

tetradic

#EBED67 #67EDAC #6967ED #ED67A8

square

#EBED67 #67EDAC #6967ED #ED67A8

split-complementary

#EBED67 #67A8ED #AC67ED

monochromatic

#C0C317 #E4E730 #EBED67 #F2F39E #F9FAD4

Accessibility & contrast

On white

1.25

#EBED67 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

16.84

#EBED67 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EBED67

16.84:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##EBED67	#FFFFFF	#000000	##000000
##EBED67	1.00	1.25	16.84	16.84
#FFFFFF	1.25	1.00	21.00	21.00
#000000	16.84	21.00	1.00	1.00
##000000	16.84	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#FEE458

Deuteranopia (green-blind)

#FFE86F

Tritanopia (blue-blind)

#FAE0D0

Achromatopsia (no color)

#E6E6E6

Design tokens & code

CSS

--color: #ebed67;
/* rgb */ color: rgb(235, 237, 103);
/* oklch */ color: oklch(91.9% 0.155 109.9);

Tailwind

colors: {
  custom: {
    50: '#f4f297',
    500: '#ebed67',
    950: '#000000',
  },
}

SCSS

$custom: #ebed67;
$custom-light: #f4f297;
$custom-dark: #000000;

JSON

{
  "hex": "#ebed67",
  "rgb": {
    "r": 235,
    "g": 237,
    "b": 103
  },
  "hsl": {
    "h": 60.896,
    "s": 78.824,
    "l": 66.667
  },
  "oklch": {
    "l": 0.91915,
    "c": 0.15537,
    "h": 109.9
  },
  "luminance": 0.7921
}

Semantic roles & 50–950 ramp

primary

#EBED67

secondary

#3A38C1

accent

#0ADB0E

background

#FFFFFC

surface

#FFFEF5

border

#D7D6CF

text

#17160E

muted

#85857F

Preview Lab

Preview with #EBED67

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

Preview Lab → · Contrast checker → · Palette generator →