Dichtstbijzijnde benoemde kleur · #DCF0EA
#DCF0EA
Dichtstbijzijnde benoemde kleur: Shattered Ice
#DCF0EA (rgb(220 240 234), hsl(162 40% 90%), oklch(0.939 0.023 175.9)) komt het dichtst bij de benoemde kleur Shattered Ice. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#DCF0EA
oklch(0.939 0.023 175.9)
Kleurconversies
- HEX
- #dcf0ea
- RGB
- rgb(220 240 234)
- HSL
- hsl(162 40% 90%)
- HWB
- hwb(162 86% 6%)
- OKLCH
- oklch(0.939 0.023 175.9)
- OKLab
- oklab(0.939 -0.022 0.002)
- CIE Lab
- lab(93.18 -7.65 0.54)
- LCH
- lch(93.18 7.67 176)
- CMYK
- cmyk(8% 0% 3% 6%)
Tinten · Schaduwen · Tonen
Tinten
- E0F2EC
- E3F3EE
- E7F5F0
- EAF6F2
- EEF8F4
- F1F9F7
- F5FBF9
- F8FCFB
- FCFEFD
Schaduwen
- BFD1CB
- A3B2AE
- 889591
- 6E7875
- 545D5A
- 3C4341
- 262A29
- 111413
- 020303
Tonen
- D2E4DF
- C9D9D4
- C0CDC9
- B6C2BE
- ADB6B4
- A4ABA9
- 9BA09F
- 929594
- 898B8A
Kleurharmonieën
Complementair +180°
- DCF0EA
Shattered Ice
- F8E5EB
≈ Pink Tutu
Analoog -30° +30°
- DCF0EA
Shattered Ice
- E2EFE2
≈ Soothing Vapour
- DAEFF2
≈ Let It Snow
Triadisch +120° +240°
- DCF0EA
Shattered Ice
- ECE8F9
≈ Bright Dusk
- F7E7DD
≈ Grandma’s Cameo
Gesplitst complementair +150° +210°
- DCF0EA
Shattered Ice
- F3E6F3
≈ Holographic Lavender
- FAE5E3
≈ Rose Sugar
Tetradisch +90° +180° +270°
- DCF0EA
Shattered Ice
- E4EBFA
≈ Husky
- F8E5EB
≈ Pink Tutu
- F1EADA
≈ Ivory Steam
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.18:1 · APCA Lc 9
Ag
AAAOp zwart
WCAG 17.69:1 · APCA Lc 95
Beste tekstkleur: #000000
WCAG 17.69:1 (AAA) · APCA Lc 95
Contrast pairs
Codefragmenten
CSS
:root {
--shattered-ice: #dcf0ea;
--shattered-ice-rgb: 220 240 234;
--shattered-ice-oklch: oklch(0.939 0.023 175.9);
}
.element {
color: var(--shattered-ice);
background-color: hsl(162 40% 90%);
border-color: oklch(0.939 0.023 175.9);
}Tailwind CSS v4
@theme {
--color-shattered-ice: #dcf0ea;
--color-shattered-ice-50: #eff7f5;
--color-shattered-ice-100: #e0eae8;
--color-shattered-ice-200: #cbd8d4;
--color-shattered-ice-300: #acbbb7;
--color-shattered-ice-400: #91a39e;
--color-shattered-ice-500: #778b85;
--color-shattered-ice-600: #657671;
--color-shattered-ice-700: #515e5a;
--color-shattered-ice-800: #3b4542;
--color-shattered-ice-900: #28302d;
--color-shattered-ice-950: #161c1a;
}SCSS
$shattered-ice: #dcf0ea;
$shattered-ice-rgb: 220, 240, 234;
$shattered-ice-light: mix(#fff, $shattered-ice, 20%);
$shattered-ice-dark: mix(#000, $shattered-ice, 20%);
.element {
color: $shattered-ice;
box-shadow: 0 0 0 2px rgba($shattered-ice, 0.35);
}