Nearest named color · #DCE5F1
#DCE5F1
Nearest named color: Iceberg
#DCE5F1 (rgb(220 229 241), hsl(214 43% 90%), oklch(0.919 0.019 255.5)) is closest to the named color Iceberg. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#DCE5F1
oklch(0.919 0.019 255.5)
Color conversions
- HEX
- #dce5f1
- RGB
- rgb(220 229 241)
- HSL
- hsl(214 43% 90%)
- HWB
- hwb(214 86% 5%)
- OKLCH
- oklch(0.919 0.019 255.5)
- OKLab
- oklab(0.919 -0.005 -0.018)
- CIE Lab
- lab(90.52 -1.42 -6.95)
- LCH
- lch(90.52 7.09 258.5)
- CMYK
- cmyk(9% 5% 0% 5%)
Tints · Shades · Tones
Tints
- DFE8F2
- E3EAF4
- E6EDF5
- EAEFF7
- EDF2F8
- F1F5F9
- F4F7FB
- F8FAFC
- FBFCFE
Shades
- BFC7D2
- A3AAB3
- 888E95
- 6E7279
- 54585D
- 3C3F43
- 26282B
- 111214
- 020303
Tones
- D2DAE5
- C9D0D9
- BFC6CE
- B6BBC2
- ADB1B7
- A4A7AC
- 9B9DA1
- 929396
- 898A8B
Color harmonies
Complementary +180°
- DCE5F1
Iceberg
- ECE3D7
≈ String of Pearls
Analogous -30° +30°
- DCE5F1
Iceberg
- D8E7EE
≈ First Light
- E2E3F1
≈ Iris Ice
Triadic +120° +240°
- DCE5F1
Iceberg
- F1DFE0
≈ Verbena
- DFE7DB
≈ White Mint
Split-complementary +150° +210°
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.27:1 · APCA Lc 13
Ag
AAAOn black
WCAG 16.52:1 · APCA Lc 90
Best text color: #000000
WCAG 16.52:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--iceberg: #dce5f1;
--iceberg-rgb: 220 229 241;
--iceberg-oklch: oklch(0.919 0.019 255.5);
}
.element {
color: var(--iceberg);
background-color: hsl(214 43% 90%);
border-color: oklch(0.919 0.019 255.5);
}Tailwind CSS v4
@theme {
--color-iceberg: #dce5f1;
--color-iceberg-50: #f2f5fb;
--color-iceberg-100: #e4e8ee;
--color-iceberg-200: #cfd5dc;
--color-iceberg-300: #b1b8c1;
--color-iceberg-400: #979faa;
--color-iceberg-500: #7e8793;
--color-iceberg-600: #6b727c;
--color-iceberg-700: #555b63;
--color-iceberg-800: #3e4349;
--color-iceberg-900: #2b2e33;
--color-iceberg-950: #181b1e;
}SCSS
$iceberg: #dce5f1;
$iceberg-rgb: 220, 229, 241;
$iceberg-light: mix(#fff, $iceberg, 20%);
$iceberg-dark: mix(#000, $iceberg, 20%);
.element {
color: $iceberg;
box-shadow: 0 0 0 2px rgba($iceberg, 0.35);
}