Nearest named color · #FFDDCB
#FFDDCB
Nearest named color: Glazed Sugar
#FFDDCB (rgb(255 221 203), hsl(21 100% 90%), oklch(0.921 0.045 49.6)) is closest to the named color Glazed Sugar. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FFDDCB
oklch(0.921 0.045 49.6)
Color conversions
- HEX
- #ffddcb
- RGB
- rgb(255 221 203)
- HSL
- hsl(21 100% 90%)
- HWB
- hwb(21 80% 0%)
- OKLCH
- oklch(0.921 0.045 49.6)
- OKLab
- oklab(0.921 0.029 0.034)
- CIE Lab
- lab(90.64 10.14 13.44)
- LCH
- lch(90.64 16.84 53)
- CMYK
- cmyk(0% 13% 20% 0%)
Tints · Shades · Tones
Tints
- FFE0D0
- FFE4D5
- FFE7DB
- FFEBE0
- FFEEE5
- FFF1EA
- FFF5EF
- FFF8F5
- FFFCFA
Shades
- DEC0B0
- BEA496
- 9E887D
- 806E65
- 63554D
- 483D37
- 2E2622
- 16110F
- 030202
Tones
- F2D3C3
- E5CABC
- D7C0B4
- CBB7AC
- BEADA5
- B1A49D
- A59B96
- 98928F
- 8C8987
Color harmonies
Complementary +180°
- FFDDCB
Glazed Sugar
- C7EBFD
≈ Blue Java Banana
Analogous -30° +30°
- FFDDCB
Glazed Sugar
- FFDBDA
≈ Cottagecore Sunset
- F5E2C4
≈ Cameo Cream
Triadic +120° +240°
- FFDDCB
Glazed Sugar
- C9EFE0
≈ Summer House
- E4E1FF
≈ Stoic White
Split-complementary +150° +210°
- FFDDCB
Glazed Sugar
- C3EFF1
≈ Icy Breeze
- D6E6FF
≈ Veiling Waterfalls
Tetradic +90° +180° +270°
- FFDDCB
Glazed Sugar
- D6EDD0
≈ Lantana Lime
- C7EBFD
≈ Blue Java Banana
- F3DCF8
≈ Grape Taffy
Contrast & accessibility
Ag
FailOn white
WCAG 1.27:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.45:1 · APCA Lc 90
Best text color: #000000
WCAG 16.45:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--glazed-sugar: #ffddcb;
--glazed-sugar-rgb: 255 221 203;
--glazed-sugar-oklch: oklch(0.921 0.045 49.6);
}
.element {
color: var(--glazed-sugar);
background-color: hsl(21 100% 90%);
border-color: oklch(0.921 0.045 49.6);
}Tailwind CSS v4
@theme {
--color-glazed-sugar: #ffddcb;
--color-glazed-sugar-50: #fff2ea;
--color-glazed-sugar-100: #f5e4db;
--color-glazed-sugar-200: #e5cfc3;
--color-glazed-sugar-300: #cbb1a3;
--color-glazed-sugar-400: #b59787;
--color-glazed-sugar-500: #9f7e6c;
--color-glazed-sugar-600: #876b5c;
--color-glazed-sugar-700: #6c5549;
--color-glazed-sugar-800: #503e35;
--color-glazed-sugar-900: #382b24;
--color-glazed-sugar-950: #221813;
}SCSS
$glazed-sugar: #ffddcb;
$glazed-sugar-rgb: 255, 221, 203;
$glazed-sugar-light: mix(#fff, $glazed-sugar, 20%);
$glazed-sugar-dark: mix(#000, $glazed-sugar, 20%);
.element {
color: $glazed-sugar;
box-shadow: 0 0 0 2px rgba($glazed-sugar, 0.35);
}