Couleur nommée la plus proche · #EAF2EE
#EAF2EE
Couleur nommée la plus proche: Warp Drive
#EAF2EE (rgb(234 242 238), hsl(150 24% 93%), oklch(0.954 0.01 164.9)) est la plus proche de la couleur nommée Warp Drive. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#EAF2EE
oklch(0.954 0.01 164.9)
Conversions de couleur
- HEX
- #eaf2ee
- RGB
- rgb(234 242 238)
- HSL
- hsl(150 24% 93%)
- HWB
- hwb(150 92% 5%)
- OKLCH
- oklch(0.954 0.01 164.9)
- OKLab
- oklab(0.954 -0.01 0.003)
- CIE Lab
- lab(94.8 -3.28 0.96)
- LCH
- lch(94.8 3.42 163.7)
- CMYK
- cmyk(3% 0% 2% 5%)
Teintes · Ombres · Tons
Teintes
- ECF3F0
- EEF5F1
- F0F6F3
- F2F7F5
- F4F8F6
- F7FAF8
- F9FBFA
- FBFCFC
- FDFEFD
Ombres
- CBD2CF
- AEB4B1
- 919693
- 757977
- 5A5E5C
- 414342
- 292B2A
- 131414
- 030303
Tons
- DFE6E2
- D4DAD7
- C9CECC
- BEC3C1
- B4B7B5
- A9ACAA
- 9FA1A0
- 949695
- 8A8B8A
Harmonies de couleurs
Complémentaire +180°
- EAF2EE
Warp Drive
- F5EDF1
≈ Clichy White
Analogue -30° +30°
- EAF2EE
Warp Drive
- EDF1EB
≈ Spring Fog
- E9F2F2
≈ Warp Drive
Triadique +120° +240°
- EAF2EE
Warp Drive
- EFEFF6
≈ Springtime Rain
- F6EEEA
≈ Furry Lady
Complémentaire divisée +150° +210°
- EAF2EE
Warp Drive
- F2EEF5
≈ Sentimental Pink
- F6EDEE
≈ Line Dried Sheets
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.13:1 · APCA Lc 0
Ag
AAASur noir
WCAG 18.43:1 · APCA Lc 98
Meilleure couleur de texte: #000000
WCAG 18.43:1 (AAA) · APCA Lc 98
Contrast pairs
Extraits de code
CSS
:root {
--warp-drive: #eaf2ee;
--warp-drive-rgb: 234 242 238;
--warp-drive-oklch: oklch(0.954 0.01 164.9);
}
.element {
color: var(--warp-drive);
background-color: hsl(150 24% 93%);
border-color: oklch(0.954 0.01 164.9);
}Tailwind CSS v4
@theme {
--color-warp-drive: #eaf2ee;
--color-warp-drive-50: #f3f6f4;
--color-warp-drive-100: #e5e9e7;
--color-warp-drive-200: #d0d6d3;
--color-warp-drive-300: #b3b9b6;
--color-warp-drive-400: #99a09d;
--color-warp-drive-500: #808884;
--color-warp-drive-600: #6d7370;
--color-warp-drive-700: #575c5a;
--color-warp-drive-800: #3f4341;
--color-warp-drive-900: #2c2f2d;
--color-warp-drive-950: #191b1a;
}SCSS
$warp-drive: #eaf2ee;
$warp-drive-rgb: 234, 242, 238;
$warp-drive-light: mix(#fff, $warp-drive, 20%);
$warp-drive-dark: mix(#000, $warp-drive, 20%);
.element {
color: $warp-drive;
box-shadow: 0 0 0 2px rgba($warp-drive, 0.35);
}