Couleur nommée la plus proche · #D4EEF8
#D4EEF8
Couleur nommée la plus proche: On Thin Ice
#D4EEF8 (rgb(212 238 248), hsl(197 72% 90%), oklch(0.933 0.031 222.9)) est la plus proche de la couleur nommée On Thin Ice. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D4EEF8
oklch(0.933 0.031 222.9)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- D8F0F9
- DDF1F9
- E1F3FA
- E5F5FB
- EAF7FC
- EEF8FC
- F2FAFD
- F6FCFE
- FBFDFE
Ombres
- B8CFD8
- 9DB1B8
- 83939A
- 69777C
- 515C60
- 3A4245
- 242A2C
- 101415
- 020303
Tons
- CBE2EB
- C3D7DF
- BACCD3
- B2C1C6
- A9B5BA
- A1ABAE
- 99A0A2
- 909597
- 888A8B
Harmonies de couleurs
Complémentaire +180°
- D4EEF8
On Thin Ice
- FCE3D9
≈ Peach Cloud
Analogue -30° +30°
- D4EEF8
On Thin Ice
- D3F0EE
≈ Icy Wind
- DBEBFD
≈ Hoarfrost
Triadique +120° +240°
- D4EEF8
On Thin Ice
- F9E1EE
≈ Spun Sugar
- ECEAD3
≈ Light Chervil
Complémentaire divisée +150° +210°
- D4EEF8
On Thin Ice
- FDE1E3
≈ Royal Wedding
- F6E6D3
≈ Shortbread
Tétradique +90° +180° +270°
- D4EEF8
On Thin Ice
- F0E3F8
≈ Minute Mauve
- FCE3D9
≈ Peach Cloud
- E1EED9
≈ Ghost Lichen
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.20:1 · APCA Lc 10
Ag
AAASur noir
WCAG 17.38:1 · APCA Lc 94
Meilleure couleur de texte: #000000
WCAG 17.38:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
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);
}