#FFDAF5#FFDAF5

#FFDAF5 is a very light, muted pink. Relative luminance 0.780; OKLCH L 92.7% C 0.054 H 335.7°. Best body text is #000000 at 16.60:1 contrast (WCAG AA passes).

Color values

HEX#FFDAF5
RGBrgb(255, 218, 245)
HSLhsl(316, 100%, 93%)
HSVhsv(316, 15%, 100%)
CMYKcmyk(0%, 14.5%, 3.9%, 0%)
CIE-LABlab(90.78, 17.26, -8.38)
CIE-LCHlch(90.78, 19.19, 334.10°)
OKLaboklab(92.71% 0.049 -0.0222)
OKLCHoklch(92.71% 0.054 335.7)
XYZxyz(82.7911, 77.9970, 97.0621)
Luminance0.7800 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FFDAF5 #DAFFE4
analogous
#F6DAFF #FFDAF5 #FFDAE2
triadic
#FFDAF5 #F5FFDA #DAF5FF
tetradic
#FFDAF5 #FFF6DA #DAFFE4 #DAE2FF
square
#FFDAF5 #FFF6DA #DAFFE4 #DAE2FF
split-complementary
#FFDAF5 #E2FFDA #DAFFF6
monochromatic
#FF60D4 #FF9DE4 #FFDAF5 #FFE0F7 #FFE0F7

Accessibility & contrast

On white

1.27
#FFDAF5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.60
#FFDAF5 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FFDAF5
16.60:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FFDAF5#FFFFFF#000000##000000
##FFDAF51.001.2716.6016.60
#FFFFFF1.271.0021.0021.00
#00000016.6021.001.001.00
##00000016.6021.001.001.00

Color blindness preview

Protanopia (red-blind)
#DAE1F6
Deuteranopia (green-blind)
#E2E6F4
Tritanopia (blue-blind)
#FFDBE3
Achromatopsia (no color)
#E5E5E5

Design tokens & code

CSS
--color: #ffdaf5;
/* rgb */ color: rgb(255, 218, 245);
/* oklch */ color: oklch(92.7% 0.054 335.7);
Tailwind
colors: {
  custom: {
    50: '#ffe5f8',
    500: '#ffdaf5',
    950: '#000000',
  },
}
SCSS
$custom: #ffdaf5;
$custom-light: #ffe5f8;
$custom-dark: #000000;
JSON
{
  "hex": "#ffdaf5",
  "rgb": {
    "r": 255,
    "g": 218,
    "b": 245
  },
  "hsl": {
    "h": 316.216,
    "s": 100,
    "l": 92.745
  },
  "oklch": {
    "l": 0.9271,
    "c": 0.0538,
    "h": 335.7
  },
  "luminance": 0.77995
}

Semantic roles & 50–950 ramp

primary
#FFDAF5
secondary
#92ECAA
accent
#E63E00
background
#FFFEFF
surface
#FFFCFF
border
#D7D5D7
text
#181517
muted
#868485

Preview Lab

Preview with #FFDAF5

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

Preview Lab → · Contrast checker → · Palette generator →

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