Couleur nommée la plus proche · #E9F6F0
#E9F6F0
Couleur nommée la plus proche: Bath Bubbles
#E9F6F0 (rgb(233 246 240), hsl(152 42% 94%), oklch(0.962 0.016 166.7)) est la plus proche de la couleur nommée Bath Bubbles. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E9F6F0
oklch(0.962 0.016 166.7)
Conversions de couleur
- HEX
- #e9f6f0
- RGB
- rgb(233 246 240)
- HSL
- hsl(152 42% 94%)
- HWB
- hwb(152 91% 4%)
- OKLCH
- oklch(0.962 0.016 166.7)
- OKLab
- oklab(0.962 -0.015 0.004)
- CIE Lab
- lab(95.78 -5.25 1.34)
- LCH
- lch(95.78 5.42 165.7)
- CMYK
- cmyk(5% 0% 2% 4%)
Teintes · Ombres · Tons
Teintes
- EBF7F1
- EDF8F3
- F0F9F4
- F2FAF6
- F4FBF7
- F6FBF9
- F8FCFA
- FBFDFC
- FDFEFD
Ombres
- CBD6D1
- ADB7B2
- 909895
- 747B78
- 5A5F5D
- 414543
- 292C2A
- 131514
- 030303
Tons
- DEEAE4
- D3DDD9
- C8D1CD
- BEC5C2
- B3B9B6
- A9ADAB
- 9EA2A0
- 949695
- 8A8B8B
Harmonies de couleurs
Complémentaire +180°
- E9F6F0
Bath Bubbles
- FBEEF4
≈ Sentimental Pink
Analogue -30° +30°
- E9F6F0
Bath Bubbles
- EEF5EB
≈ Apple Flower
- E7F6F6
≈ Indigo White
Triadique +120° +240°
- E9F6F0
Bath Bubbles
- F1F1FD
≈ Cloud Break
- FCEFEA
≈ Baby Blossom
Complémentaire divisée +150° +210°
- E9F6F0
Bath Bubbles
- F7EFFA
≈ Cloud Break
- FDEEEF
≈ Voracious White
Tétradique +90° +180° +270°
- E9F6F0
Bath Bubbles
- ECF3FD
≈ Placebo Blue
- FBEEF4
≈ Sentimental Pink
- F9F1E7
≈ Moonlit Beach
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.11:1 · APCA Lc 0
Ag
AAASur noir
WCAG 18.90:1 · APCA Lc 100
Meilleure couleur de texte: #000000
WCAG 18.90:1 (AAA) · APCA Lc 100
Contrast pairs
Extraits de code
CSS
:root {
--bath-bubbles: #e9f6f0;
--bath-bubbles-rgb: 233 246 240;
--bath-bubbles-oklch: oklch(0.962 0.016 166.7);
}
.element {
color: var(--bath-bubbles);
background-color: hsl(152 42% 94%);
border-color: oklch(0.962 0.016 166.7);
}Tailwind CSS v4
@theme {
--color-bath-bubbles: #e9f6f0;
--color-bath-bubbles-50: #f1f7f4;
--color-bath-bubbles-100: #e3eae7;
--color-bath-bubbles-200: #ced6d3;
--color-bath-bubbles-300: #b0bab6;
--color-bath-bubbles-400: #96a29c;
--color-bath-bubbles-500: #7d8a84;
--color-bath-bubbles-600: #6a7470;
--color-bath-bubbles-700: #545d59;
--color-bath-bubbles-800: #3e4441;
--color-bath-bubbles-900: #2a2f2d;
--color-bath-bubbles-950: #181c1a;
}SCSS
$bath-bubbles: #e9f6f0;
$bath-bubbles-rgb: 233, 246, 240;
$bath-bubbles-light: mix(#fff, $bath-bubbles, 20%);
$bath-bubbles-dark: mix(#000, $bath-bubbles, 20%);
.element {
color: $bath-bubbles;
box-shadow: 0 0 0 2px rgba($bath-bubbles, 0.35);
}