Nearest named color · #DCE5EC
#DCE5EC
Nearest named color: White Frost
#DCE5EC (rgb(220 229 236), hsl(206 30% 89%), oklch(0.917 0.014 241)) is closest to the named color White Frost. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#DCE5EC
oklch(0.917 0.014 241)
Color conversions
- HEX
- #dce5ec
- RGB
- rgb(220 229 236)
- HSL
- hsl(206 30% 89%)
- HWB
- hwb(206 86% 7%)
- OKLCH
- oklch(0.917 0.014 241)
- OKLab
- oklab(0.917 -0.007 -0.012)
- CIE Lab
- lab(90.4 -2.14 -4.52)
- LCH
- lch(90.4 5 244.7)
- CMYK
- cmyk(7% 3% 0% 7%)
Tints · Shades · Tones
Tints
- DFE8EE
- E3EAF0
- E6EDF2
- EAEFF4
- EDF2F5
- F1F5F7
- F4F7F9
- F8FAFB
- FBFCFD
Shades
- BFC7CD
- A3AAAF
- 888E92
- 6E7276
- 54585B
- 3C3F42
- 262829
- 111213
- 020303
Tones
- D2DAE1
- C9D0D5
- BFC6CA
- B6BBBF
- ADB1B5
- A4A7AA
- 9B9D9F
- 929395
- 898A8A
Color harmonies
Complementary +180°
- DCE5EC
White Frost
- EBE2DB
≈ Newmarket Sausage
Analogous -30° +30°
- DCE5EC
White Frost
- DAE6E9
≈ Airy
- E0E3ED
≈ Iris Ice
Triadic +120° +240°
- DCE5EC
White Frost
- ECE0E3
≈ Barely Rose
- E2E5DB
≈ Water Droplet
Split-complementary +150° +210°
- DCE5EC
White Frost
- EDE1DE
≈ Patient White
- E7E3DA
≈ Foggy Day
Tetradic +90° +180° +270°
- DCE5EC
White Frost
- E9E0E8
≈ Tiara Jewel
- EBE2DB
≈ Newmarket Sausage
- DDE6DF
≈ Porcelain Mint
Contrast & accessibility
Ag
FailOn white
WCAG 1.27:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.46:1 · APCA Lc 90
Best text color: #000000
WCAG 16.46:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--white-frost: #dce5ec;
--white-frost-rgb: 220 229 236;
--white-frost-oklch: oklch(0.917 0.014 241);
}
.element {
color: var(--white-frost);
background-color: hsl(206 30% 89%);
border-color: oklch(0.917 0.014 241);
}Tailwind CSS v4
@theme {
--color-white-frost: #dce5ec;
--color-white-frost-50: #f2f6f9;
--color-white-frost-100: #e4e8ec;
--color-white-frost-200: #cfd5da;
--color-white-frost-300: #b2b8be;
--color-white-frost-400: #98a0a6;
--color-white-frost-500: #7f888f;
--color-white-frost-600: #6b7379;
--color-white-frost-700: #565c60;
--color-white-frost-800: #3e4347;
--color-white-frost-900: #2b2e31;
--color-white-frost-950: #181b1d;
}SCSS
$white-frost: #dce5ec;
$white-frost-rgb: 220, 229, 236;
$white-frost-light: mix(#fff, $white-frost, 20%);
$white-frost-dark: mix(#000, $white-frost, 20%);
.element {
color: $white-frost;
box-shadow: 0 0 0 2px rgba($white-frost, 0.35);
}