Dichtstbijzijnde benoemde kleur · #D2DFFF
#D2DFFF
Dichtstbijzijnde benoemde kleur: Icy Plains
#D2DFFF (rgb(210 223 255), hsl(223 100% 91%), oklch(0.904 0.046 267.9)) komt het dichtst bij de benoemde kleur Icy Plains. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#D2DFFF
oklch(0.904 0.046 267.9)
Kleurconversies
- HEX
- #d2dfff
- RGB
- rgb(210 223 255)
- HSL
- hsl(223 100% 91%)
- HWB
- hwb(223 82% 0%)
- OKLCH
- oklch(0.904 0.046 267.9)
- OKLab
- oklab(0.904 -0.002 -0.046)
- CIE Lab
- lab(88.59 0.31 -17.18)
- LCH
- lch(88.59 17.19 271)
- CMYK
- cmyk(18% 13% 0% 0%)
Tinten · Schaduwen · Tonen
Tinten
- D6E2FF
- DBE5FF
- DFE9FF
- E4ECFF
- E8EFFF
- EDF2FF
- F1F5FF
- F6F9FF
- FAFCFF
Schaduwen
- B6C2DE
- 9BA5BE
- 818A9E
- 686F80
- 505663
- 393D48
- 24272E
- 101216
- 020203
Tonen
- C9D5F2
- C1CBE4
- B9C2D7
- B0B8CA
- A8AEBE
- A0A5B1
- 989CA5
- 909298
- 88898C
Kleurharmonieën
Complementair +180°
- D2DFFF
Icy Plains
- ECDEBD
≈ Salt Steppe
Analoog -30° +30°
- D2DFFF
Icy Plains
- C4E5FB
≈ Fresh Water
- E2D9FB
≈ Transparent Blue
Triadisch +120° +240°
- D2DFFF
Icy Plains
- FDD4CF
≈ Cosmos
- CCE8CE
≈ Butter Lettuce
Gesplitst complementair +150° +210°
- D2DFFF
Icy Plains
- F8D8C2
≈ Porcelain Tan
- DCE4C2
≈ Carpathian Dawn
Tetradisch +90° +180° +270°
- D2DFFF
Icy Plains
- FAD3DF
≈ Creamy Strawberry
- ECDEBD
≈ Salt Steppe
- C0EADF
≈ Clear Aqua
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.33:1 · APCA Lc 16
Ag
AAAOp zwart
WCAG 15.73:1 · APCA Lc 87
Beste tekstkleur: #000000
WCAG 15.73:1 (AAA) · APCA Lc 87
Contrast pairs
Codefragmenten
CSS
:root {
--icy-plains: #d2dfff;
--icy-plains-rgb: 210 223 255;
--icy-plains-oklch: oklch(0.904 0.046 267.9);
}
.element {
color: var(--icy-plains);
background-color: hsl(223 100% 91%);
border-color: oklch(0.904 0.046 267.9);
}Tailwind CSS v4
@theme {
--color-icy-plains: #d2dfff;
--color-icy-plains-50: #f0f5ff;
--color-icy-plains-100: #e2e8f8;
--color-icy-plains-200: #ccd4e9;
--color-icy-plains-300: #aeb7d0;
--color-icy-plains-400: #939ebb;
--color-icy-plains-500: #7986a6;
--color-icy-plains-600: #66718c;
--color-icy-plains-700: #525a70;
--color-icy-plains-800: #3b4253;
--color-icy-plains-900: #282e3a;
--color-icy-plains-950: #161a24;
}SCSS
$icy-plains: #d2dfff;
$icy-plains-rgb: 210, 223, 255;
$icy-plains-light: mix(#fff, $icy-plains, 20%);
$icy-plains-dark: mix(#000, $icy-plains, 20%);
.element {
color: $icy-plains;
box-shadow: 0 0 0 2px rgba($icy-plains, 0.35);
}