Couleur nommée la plus proche · #E9EED9
#E9EED9
Couleur nommée la plus proche: Blissful Serenity
#E9EED9 (rgb(233 238 217), hsl(74 38% 89%), oklch(0.94 0.028 117.8)) est la plus proche de la couleur nommée Blissful Serenity. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E9EED9
oklch(0.94 0.028 117.8)
Conversions de couleur
- HEX
- #e9eed9
- RGB
- rgb(233 238 217)
- HSL
- hsl(74 38% 89%)
- HWB
- hwb(74 85% 7%)
- OKLCH
- oklch(0.94 0.028 117.8)
- OKLab
- oklab(0.94 -0.013 0.025)
- CIE Lab
- lab(93.29 -4.43 9.6)
- LCH
- lch(93.29 10.57 114.8)
- CMYK
- cmyk(2% 0% 9% 7%)
Teintes · Ombres · Tons
Teintes
- EBF0DD
- EDF1E1
- F0F3E4
- F2F5E8
- F4F7EC
- F6F8F0
- F8FAF4
- FBFCF7
- FDFDFB
Ombres
- CBCFBC
- ADB1A1
- 909386
- 74776C
- 5A5C53
- 41423B
- 292A25
- 131411
- 030302
Tons
- DEE2D0
- D3D7C7
- C8CCBD
- BEC1B4
- B3B5AC
- A9ABA3
- 9EA09A
- 949591
- 8A8A89
Harmonies de couleurs
Complémentaire +180°
- E9EED9
Blissful Serenity
- EDE7FC
≈ Bright Dusk
Analogue -30° +30°
- E9EED9
Blissful Serenity
- F3EAD6
≈ Bleached Almond
- DFF1E1
≈ Ice-Cold White
Triadique +120° +240°
- E9EED9
Blissful Serenity
- DAEEFC
≈ Hoarfrost
- FCE4EB
≈ Hepatica
Complémentaire divisée +150° +210°
- E9EED9
Blissful Serenity
- E3EBFF
≈ Husky
- F6E5F5
≈ Soft Lavender
Tétradique +90° +180° +270°
- E9EED9
Blissful Serenity
- D6F1F5
≈ Let It Snow
- EDE7FC
≈ Bright Dusk
- FEE4E1
≈ Misty Rose
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.18:1 · APCA Lc 9
Ag
AAASur noir
WCAG 17.69:1 · APCA Lc 95
Meilleure couleur de texte: #000000
WCAG 17.69:1 (AAA) · APCA Lc 95
Contrast pairs
Extraits de code
CSS
:root {
--blissful-serenity: #e9eed9;
--blissful-serenity-rgb: 233 238 217;
--blissful-serenity-oklch: oklch(0.94 0.028 117.8);
}
.element {
color: var(--blissful-serenity);
background-color: hsl(74 38% 89%);
border-color: oklch(0.94 0.028 117.8);
}Tailwind CSS v4
@theme {
--color-blissful-serenity: #e9eed9;
--color-blissful-serenity-50: #f4f6ee;
--color-blissful-serenity-100: #e6e9df;
--color-blissful-serenity-200: #d2d6c9;
--color-blissful-serenity-300: #b5baaa;
--color-blissful-serenity-400: #9da18e;
--color-blissful-serenity-500: #848974;
--color-blissful-serenity-600: #707462;
--color-blissful-serenity-700: #595d4e;
--color-blissful-serenity-800: #424439;
--color-blissful-serenity-900: #2d2f27;
--color-blissful-serenity-950: #1a1b15;
}SCSS
$blissful-serenity: #e9eed9;
$blissful-serenity-rgb: 233, 238, 217;
$blissful-serenity-light: mix(#fff, $blissful-serenity, 20%);
$blissful-serenity-dark: mix(#000, $blissful-serenity, 20%);
.element {
color: $blissful-serenity;
box-shadow: 0 0 0 2px rgba($blissful-serenity, 0.35);
}