Couleur nommée la plus proche · #DFEAF4
#DFEAF4
Couleur nommée la plus proche: Freeze Up
#DFEAF4 (rgb(223 234 244), hsl(209 49% 92%), oklch(0.932 0.018 245.4)) est la plus proche de la couleur nommée Freeze Up. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DFEAF4
oklch(0.932 0.018 245.4)
Conversions de couleur
- HEX
- #dfeaf4
- RGB
- rgb(223 234 244)
- HSL
- hsl(209 49% 92%)
- HWB
- hwb(209 87% 4%)
- OKLCH
- oklch(0.932 0.018 245.4)
- OKLab
- oklab(0.932 -0.007 -0.016)
- CIE Lab
- lab(92.08 -2.38 -6.19)
- LCH
- lch(92.08 6.63 249)
- CMYK
- cmyk(9% 4% 0% 4%)
Teintes · Ombres · Tons
Teintes
- E2ECF5
- E5EEF6
- E9F0F7
- ECF2F8
- EFF4FA
- F2F7FB
- F5F9FC
- F9FBFD
- FCFDFE
Ombres
- C2CBD4
- A5AEB5
- 8A9197
- 6F757A
- 565A5E
- 3D4144
- 27292B
- 121314
- 020303
Tons
- D5DFE8
- CBD4DC
- C2C9D0
- B8BEC4
- AEB4B8
- A5A9AD
- 9B9FA1
- 929496
- 898A8B
Harmonies de couleurs
Complémentaire +180°
- DFEAF4
Freeze Up
- F1E6DC
≈ Fantasy
Analogue -30° +30°
- DFEAF4
Freeze Up
- DCECF0
≈ Frost Wind
- E5E8F5
≈ Whisper Blue
Triadique +120° +240°
- DFEAF4
Freeze Up
- F4E4E7
≈ Be Mine
- E5EBDE
≈ Window Pane
Complémentaire divisée +150° +210°
- DFEAF4
Freeze Up
- F4E5E0
≈ Petal Pink
- ECE9DB
≈ Salted
Tétradique +90° +180° +270°
- DFEAF4
Freeze Up
- F1E4ED
≈ Nina
- F1E6DC
≈ Fantasy
- E0ECE3
≈ Country Mist
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.22:1 · APCA Lc 11
Ag
AAASur noir
WCAG 17.21:1 · APCA Lc 93
Meilleure couleur de texte: #000000
WCAG 17.21:1 (AAA) · APCA Lc 93
Contrast pairs
Extraits de code
CSS
:root {
--freeze-up: #dfeaf4;
--freeze-up-rgb: 223 234 244;
--freeze-up-oklch: oklch(0.932 0.018 245.4);
}
.element {
color: var(--freeze-up);
background-color: hsl(209 49% 92%);
border-color: oklch(0.932 0.018 245.4);
}Tailwind CSS v4
@theme {
--color-freeze-up: #dfeaf4;
--color-freeze-up-50: #f1f6fa;
--color-freeze-up-100: #e3e9ee;
--color-freeze-up-200: #ced5dc;
--color-freeze-up-300: #b0b8c0;
--color-freeze-up-400: #96a0a9;
--color-freeze-up-500: #7d8892;
--color-freeze-up-600: #6a737b;
--color-freeze-up-700: #545c63;
--color-freeze-up-800: #3d4348;
--color-freeze-up-900: #2a2e32;
--color-freeze-up-950: #181b1e;
}SCSS
$freeze-up: #dfeaf4;
$freeze-up-rgb: 223, 234, 244;
$freeze-up-light: mix(#fff, $freeze-up, 20%);
$freeze-up-dark: mix(#000, $freeze-up, 20%);
.element {
color: $freeze-up;
box-shadow: 0 0 0 2px rgba($freeze-up, 0.35);
}