Dichtstbijzijnde benoemde kleur · #D4EEF8
#D4EEF8
Dichtstbijzijnde benoemde kleur: On Thin Ice
#D4EEF8 (rgb(212 238 248), hsl(197 72% 90%), oklch(0.933 0.031 222.9)) komt het dichtst bij de benoemde kleur On Thin Ice. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#D4EEF8
oklch(0.933 0.031 222.9)
Kleurconversies
- HEX
- #d4eef8
- RGB
- rgb(212 238 248)
- HSL
- hsl(197 72% 90%)
- HWB
- hwb(197 83% 3%)
- OKLCH
- oklch(0.933 0.031 222.9)
- OKLab
- oklab(0.933 -0.022 -0.021)
- CIE Lab
- lab(92.41 -7.33 -7.89)
- LCH
- lch(92.41 10.77 227.1)
- CMYK
- cmyk(15% 4% 0% 3%)
Tinten · Schaduwen · Tonen
Tinten
- D8F0F9
- DDF1F9
- E1F3FA
- E5F5FB
- EAF7FC
- EEF8FC
- F2FAFD
- F6FCFE
- FBFDFE
Schaduwen
- B8CFD8
- 9DB1B8
- 83939A
- 69777C
- 515C60
- 3A4245
- 242A2C
- 101415
- 020303
Tonen
- CBE2EB
- C3D7DF
- BACCD3
- B2C1C6
- A9B5BA
- A1ABAE
- 99A0A2
- 909597
- 888A8B
Kleurharmonieën
Complementair +180°
- D4EEF8
On Thin Ice
- FCE3D9
≈ Peach Cloud
Analoog -30° +30°
- D4EEF8
On Thin Ice
- D3F0EE
≈ Icy Wind
- DBEBFD
≈ Hoarfrost
Triadisch +120° +240°
- D4EEF8
On Thin Ice
- F9E1EE
≈ Spun Sugar
- ECEAD3
≈ Light Chervil
Gesplitst complementair +150° +210°
- D4EEF8
On Thin Ice
- FDE1E3
≈ Royal Wedding
- F6E6D3
≈ Shortbread
Tetradisch +90° +180° +270°
- D4EEF8
On Thin Ice
- F0E3F8
≈ Minute Mauve
- FCE3D9
≈ Peach Cloud
- E1EED9
≈ Ghost Lichen
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.20:1 · APCA Lc 10
Ag
AAAOp zwart
WCAG 17.38:1 · APCA Lc 94
Beste tekstkleur: #000000
WCAG 17.38:1 (AAA) · APCA Lc 94
Contrast pairs
Codefragmenten
CSS
:root {
--on-thin-ice: #d4eef8;
--on-thin-ice-rgb: 212 238 248;
--on-thin-ice-oklch: oklch(0.933 0.031 222.9);
}
.element {
color: var(--on-thin-ice);
background-color: hsl(197 72% 90%);
border-color: oklch(0.933 0.031 222.9);
}Tailwind CSS v4
@theme {
--color-on-thin-ice: #d4eef8;
--color-on-thin-ice-50: #ecf7fc;
--color-on-thin-ice-100: #deeaf0;
--color-on-thin-ice-200: #c7d7de;
--color-on-thin-ice-300: #a8bbc3;
--color-on-thin-ice-400: #8ca3ac;
--color-on-thin-ice-500: #718b95;
--color-on-thin-ice-600: #60767e;
--color-on-thin-ice-700: #4c5e65;
--color-on-thin-ice-800: #37454a;
--color-on-thin-ice-900: #263033;
--color-on-thin-ice-950: #141c1f;
}SCSS
$on-thin-ice: #d4eef8;
$on-thin-ice-rgb: 212, 238, 248;
$on-thin-ice-light: mix(#fff, $on-thin-ice, 20%);
$on-thin-ice-dark: mix(#000, $on-thin-ice, 20%);
.element {
color: $on-thin-ice;
box-shadow: 0 0 0 2px rgba($on-thin-ice, 0.35);
}