Couleur nommée la plus proche · #CFECF3
#CFECF3
Couleur nommée la plus proche: Water
#CFECF3 (rgb(207 236 243), hsl(192 60% 88%), oklch(0.924 0.032 213.9)) est la plus proche de la couleur nommée Water. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#CFECF3
oklch(0.924 0.032 213.9)
Conversions de couleur
- HEX
- #cfecf3
- RGB
- rgb(207 236 243)
- HSL
- hsl(192 60% 88%)
- HWB
- hwb(192 81% 5%)
- OKLCH
- oklch(0.924 0.032 213.9)
- OKLab
- oklab(0.924 -0.026 -0.018)
- CIE Lab
- lab(91.44 -8.77 -6.78)
- LCH
- lch(91.44 11.09 217.7)
- CMYK
- cmyk(15% 3% 0% 5%)
Teintes · Ombres · Tons
Teintes
- D4EEF4
- D9F0F5
- DEF2F7
- E2F4F8
- E7F6F9
- ECF7FA
- F1F9FB
- F5FBFD
- FAFDFE
Ombres
- B4CDD3
- 99AFB4
- 7F9297
- 67767A
- 4F5B5E
- 384244
- 23292B
- 101314
- 020303
Tons
- C7E1E7
- BFD5DB
- B7CACF
- AFBFC3
- A7B5B8
- 9FAAAC
- 979FA1
- 8F9596
- 888A8B
Harmonies de couleurs
Complémentaire +180°
- CFECF3
Water
- FADFD8
≈ Veiled Pink
Analogue -30° +30°
- CFECF3
Water
- D0EDE8
≈ Ionic Sky
- D5E9FA
≈ Cloudless
Triadique +120° +240°
- CFECF3
Water
- F4DEEF
≈ Taffeta Tint
- EDE6CF
≈ Abbey White
Complémentaire divisée +150° +210°
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.23:1 · APCA Lc 12
Ag
AAASur noir
WCAG 16.94:1 · APCA Lc 92
Meilleure couleur de texte: #000000
WCAG 16.94:1 (AAA) · APCA Lc 92
Contrast pairs
Extraits de code
CSS
:root {
--water: #cfecf3;
--water-rgb: 207 236 243;
--water-oklch: oklch(0.924 0.032 213.9);
}
.element {
color: var(--water);
background-color: hsl(192 60% 88%);
border-color: oklch(0.924 0.032 213.9);
}Tailwind CSS v4
@theme {
--color-water: #cfecf3;
--color-water-50: #ecf8fb;
--color-water-100: #ddebef;
--color-water-200: #c6d8dd;
--color-water-300: #a6bcc2;
--color-water-400: #8aa4aa;
--color-water-500: #6e8c93;
--color-water-600: #5e767c;
--color-water-700: #4b5f64;
--color-water-800: #364549;
--color-water-900: #253032;
--color-water-950: #131c1e;
}SCSS
$water: #cfecf3;
$water-rgb: 207, 236, 243;
$water-light: mix(#fff, $water, 20%);
$water-dark: mix(#000, $water, 20%);
.element {
color: $water;
box-shadow: 0 0 0 2px rgba($water, 0.35);
}