Couleur nommée la plus proche · #EEEAF8
#EEEAF8
Couleur nommée la plus proche: Cloud Break
#EEEAF8 (rgb(238 234 248), hsl(257 50% 95%), oklch(0.944 0.019 299.1)) est la plus proche de la couleur nommée Cloud Break. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#EEEAF8
oklch(0.944 0.019 299.1)
Conversions de couleur
- HEX
- #eeeaf8
- RGB
- rgb(238 234 248)
- HSL
- hsl(257 50% 95%)
- HWB
- hwb(257 92% 3%)
- OKLCH
- oklch(0.944 0.019 299.1)
- OKLab
- oklab(0.944 0.009 -0.017)
- CIE Lab
- lab(93.32 3.27 -6.29)
- LCH
- lch(93.32 7.09 297.5)
- CMYK
- cmyk(4% 6% 0% 3%)
Teintes · Ombres · Tons
Teintes
- F0ECF9
- F1EEF9
- F3F0FA
- F5F2FB
- F6F4FC
- F8F7FC
- FAF9FD
- FCFBFE
- FDFDFE
Ombres
- CFCBD8
- B1AEB8
- 93919A
- 77757C
- 5C5A60
- 424145
- 2A292C
- 141315
- 030303
Tons
- E2DFEB
- D7D4DF
- CCC9D3
- C1BEC6
- B5B4BA
- AAA9AE
- A09FA2
- 959497
- 8A8A8B
Harmonies de couleurs
Complémentaire +180°
- EEEAF8
Cloud Break
- EBEFE0
≈ Hemlock Bud
Analogue -30° +30°
- EEEAF8
Cloud Break
- E7ECFA
≈ Brilliant White
- F4E8F3
≈ Perfume Haze
Triadique +120° +240°
- EEEAF8
Cloud Break
- F7EAE0
≈ Soft Muslin
- E0F1ED
≈ Himalayan Mist
Complémentaire divisée +150° +210°
- EEEAF8
Cloud Break
- F2ECDE
≈ Sandalwood White
- E4F0E6
≈ Stone Path
Tétradique +90° +180° +270°
- EEEAF8
Cloud Break
- F9E8E5
≈ Hog-Maw
- EBEFE0
≈ Hemlock Bud
- DFF0F3
≈ Azul Primavera
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.18:1 · APCA Lc 9
Ag
AAASur noir
WCAG 17.76:1 · APCA Lc 95
Meilleure couleur de texte: #000000
WCAG 17.76:1 (AAA) · APCA Lc 95
Contrast pairs
Extraits de code
CSS
:root {
--cloud-break: #eeeaf8;
--cloud-break-rgb: 238 234 248;
--cloud-break-oklch: oklch(0.944 0.019 299.1);
}
.element {
color: var(--cloud-break);
background-color: hsl(257 50% 95%);
border-color: oklch(0.944 0.019 299.1);
}Tailwind CSS v4
@theme {
--color-cloud-break: #eeeaf8;
--color-cloud-break-50: #f6f4fa;
--color-cloud-break-100: #e9e6ed;
--color-cloud-break-200: #d5d2db;
--color-cloud-break-300: #b9b5c0;
--color-cloud-break-400: #a09ca8;
--color-cloud-break-500: #888491;
--color-cloud-break-600: #736f7b;
--color-cloud-break-700: #5c5962;
--color-cloud-break-800: #434148;
--color-cloud-break-900: #2e2d32;
--color-cloud-break-950: #1b1a1e;
}SCSS
$cloud-break: #eeeaf8;
$cloud-break-rgb: 238, 234, 248;
$cloud-break-light: mix(#fff, $cloud-break, 20%);
$cloud-break-dark: mix(#000, $cloud-break, 20%);
.element {
color: $cloud-break;
box-shadow: 0 0 0 2px rgba($cloud-break, 0.35);
}