Couleur nommée la plus proche · #EAF1EE
#EAF1EE
Couleur nommée la plus proche: Warp Drive
#EAF1EE (rgb(234 241 238), hsl(154 20% 93%), oklch(0.952 0.008 168.7)) 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.
#EAF1EE
oklch(0.952 0.008 168.7)
Conversions de couleur
- HEX
- #eaf1ee
- RGB
- rgb(234 241 238)
- HSL
- hsl(154 20% 93%)
- HWB
- hwb(154 92% 5%)
- OKLCH
- oklch(0.952 0.008 168.7)
- OKLab
- oklab(0.952 -0.008 0.002)
- CIE Lab
- lab(94.55 -2.81 0.6)
- LCH
- lch(94.55 2.87 168)
- CMYK
- cmyk(3% 0% 1% 5%)
Teintes · Ombres · Tons
Teintes
- ECF2F0
- EEF4F1
- F0F5F3
- F2F7F5
- F4F8F6
- F7F9F8
- F9FBFA
- FBFCFC
- FDFEFD
Ombres
- CBD2CF
- AEB3B1
- 919593
- 757977
- 5A5D5C
- 414342
- 292B2A
- 131414
- 030303
Tons
- DFE5E2
- D4D9D7
- C9CECC
- BEC2C1
- B4B7B5
- A9ACAA
- 9FA0A0
- 949695
- 8A8B8A
Harmonies de couleurs
Complémentaire +180°
- EAF1EE
Warp Drive
- F4EDF0
≈ Line Dried Sheets
Analogue -30° +30°
- EAF1EE
Warp Drive
- ECF1EB
≈ Spring Fog
- E9F1F1
≈ Frosted Glass
Triadique +120° +240°
- EAF1EE
Warp Drive
- EFEEF5
≈ Springtime Rain
- F4EEEA
≈ Pink Mirage
Complémentaire divisée +150° +210°
- EAF1EE
Warp Drive
- F2EDF3
≈ Dress Pink
- F5EDED
≈ Line Dried Sheets
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.14:1 · APCA Lc 0
Ag
AAASur noir
WCAG 18.31:1 · APCA Lc 98
Meilleure couleur de texte: #000000
WCAG 18.31:1 (AAA) · APCA Lc 98
Contrast pairs
Extraits de code
CSS
:root {
--warp-drive: #eaf1ee;
--warp-drive-rgb: 234 241 238;
--warp-drive-oklch: oklch(0.952 0.008 168.7);
}
.element {
color: var(--warp-drive);
background-color: hsl(154 20% 93%);
border-color: oklch(0.952 0.008 168.7);
}Tailwind CSS v4
@theme {
--color-warp-drive: #eaf1ee;
--color-warp-drive-50: #f3f6f5;
--color-warp-drive-100: #e5e9e7;
--color-warp-drive-200: #d1d5d4;
--color-warp-drive-300: #b3b9b7;
--color-warp-drive-400: #9aa09d;
--color-warp-drive-500: #818885;
--color-warp-drive-600: #6d7371;
--color-warp-drive-700: #575c5a;
--color-warp-drive-800: #404342;
--color-warp-drive-900: #2c2e2d;
--color-warp-drive-950: #191b1a;
}SCSS
$warp-drive: #eaf1ee;
$warp-drive-rgb: 234, 241, 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);
}