#EBF0AF#EBF0AF

#EBF0AF is a very light, moderate yellow. Relative luminance 0.831; OKLCH L 93.6% C 0.084 H 111.6°. Best body text is #000000 at 17.62:1 contrast (WCAG AA passes).

Color values

HEX#EBF0AF
RGBrgb(235, 240, 175)
HSLhsl(65, 68%, 81%)
HSVhsv(65, 27%, 94%)
CMYKcmyk(2.1%, 0%, 27.1%, 5.9%)
CIE-LABlab(93.05, -11.81, 30.96)
CIE-LCHlch(93.05, 33.13, 110.89°)
OKLaboklab(93.59% -0.0308 0.0778)
OKLCHoklch(93.59% 0.084 111.6)
XYZxyz(73.1588, 83.0783, 52.7308)
Luminance0.8308 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EBF0AF #B4AFF0
analogous
#F0D5AF #EBF0AF #CBF0AF
triadic
#EBF0AF #AFEBF0 #F0AFEB
tetradic
#EBF0AF #AFF0D5 #B4AFF0 #F0AFCB
square
#EBF0AF #AFF0D5 #B4AFF0 #F0AFCB
split-complementary
#EBF0AF #AFCBF0 #D5AFF0
monochromatic
#D1DD48 #DEE67B #EBF0AF #F8FAE3 #F9FAE5

Accessibility & contrast

On white

1.19
#EBF0AF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.62
#EBF0AF on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EBF0AF
17.62:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EBF0AF#FFFFFF#000000##000000
##EBF0AF1.001.1917.6217.62
#FFFFFF1.191.0021.0021.00
#00000017.6221.001.001.00
##00000017.6221.001.001.00

Color blindness preview

Protanopia (red-blind)
#FAEAAB
Deuteranopia (green-blind)
#FAECB2
Tritanopia (blue-blind)
#F3E8DF
Achromatopsia (no color)
#EBEBEB

Design tokens & code

CSS
--color: #ebf0af;
/* rgb */ color: rgb(235, 240, 175);
/* oklch */ color: oklch(93.6% 0.084 111.6);
Tailwind
colors: {
  custom: {
    50: '#f2f4c7',
    500: '#ebf0af',
    950: '#000000',
  },
}
SCSS
$custom: #ebf0af;
$custom-light: #f2f4c7;
$custom-dark: #000000;
JSON
{
  "hex": "#ebf0af",
  "rgb": {
    "r": 235,
    "g": 240,
    "b": 175
  },
  "hsl": {
    "h": 64.615,
    "s": 68.421,
    "l": 81.373
  },
  "oklch": {
    "l": 0.93589,
    "c": 0.08363,
    "h": 111.6
  },
  "luminance": 0.83077
}

Semantic roles & 50–950 ramp

primary
#EBF0AF
secondary
#7C75CE
accent
#15D024
background
#FFFFFD
surface
#FEFEF9
border
#D6D6D2
text
#171713
muted
#858582

Preview Lab

Preview with #EBF0AF

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

Preview Lab → · Contrast checker → · Palette generator →

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