Couleur nommée la plus proche · #ECEFD9
#ECEFD9
Couleur nommée la plus proche: Blissful Serenity
#ECEFD9 (rgb(236 239 217), hsl(68 41% 89%), oklch(0.944 0.029 113.3)) 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.
#ECEFD9
oklch(0.944 0.029 113.3)
Conversions de couleur
- HEX
- #ecefd9
- RGB
- rgb(236 239 217)
- HSL
- hsl(68 41% 89%)
- HWB
- hwb(68 85% 6%)
- OKLCH
- oklch(0.944 0.029 113.3)
- OKLab
- oklab(0.944 -0.012 0.027)
- CIE Lab
- lab(93.77 -3.84 10.32)
- LCH
- lch(93.77 11.01 110.4)
- CMYK
- cmyk(1% 0% 9% 6%)
Teintes · Ombres · Tons
Teintes
- EEF1DD
- F0F2E1
- F2F4E4
- F4F5E8
- F5F7EC
- F7F9F0
- F9FAF4
- FBFCF7
- FDFDFB
Ombres
- CDD0BC
- AFB1A1
- 929486
- 76786C
- 5B5C53
- 42423B
- 292A25
- 131411
- 030302
Tons
- E1E3D0
- D5D8C7
- CACCBD
- BFC1B4
- B4B6AC
- AAABA3
- 9FA09A
- 959591
- 8A8B89
Harmonies de couleurs
Complémentaire +180°
- ECEFD9
Blissful Serenity
- EDE9FF
≈ Bright Dusk
Analogue -30° +30°
- ECEFD9
Blissful Serenity
- F6EBD7
≈ Old Pearls
- E2F2E0
≈ Weak Green
Triadique +120° +240°
- ECEFD9
Blissful Serenity
- DAF0FD
≈ Wizard White
- FDE5EE
≈ Early Blossom
Complémentaire divisée +150° +210°
- ECEFD9
Blissful Serenity
- E3EDFF
≈ Brilliant White
- F7E6F8
≈ Soft Lavender
Tétradique +90° +180° +270°
- ECEFD9
Blissful Serenity
- D7F3F5
≈ Let It Snow
- EDE9FF
≈ Bright Dusk
- FFE6E4
≈ Pink Theory
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.17:1 · APCA Lc 8
Ag
AAASur noir
WCAG 17.91:1 · APCA Lc 96
Meilleure couleur de texte: #000000
WCAG 17.91:1 (AAA) · APCA Lc 96
Contrast pairs
Extraits de code
CSS
:root {
--blissful-serenity: #ecefd9;
--blissful-serenity-rgb: 236 239 217;
--blissful-serenity-oklch: oklch(0.944 0.029 113.3);
}
.element {
color: var(--blissful-serenity);
background-color: hsl(68 41% 89%);
border-color: oklch(0.944 0.029 113.3);
}Tailwind CSS v4
@theme {
--color-blissful-serenity: #ecefd9;
--color-blissful-serenity-50: #f4f6ed;
--color-blissful-serenity-100: #e7e9de;
--color-blissful-serenity-200: #d3d6c8;
--color-blissful-serenity-300: #b6b9a9;
--color-blissful-serenity-400: #9ea18d;
--color-blissful-serenity-500: #868973;
--color-blissful-serenity-600: #717461;
--color-blissful-serenity-700: #5b5c4e;
--color-blissful-serenity-800: #424338;
--color-blissful-serenity-900: #2e2f26;
--color-blissful-serenity-950: #1b1b15;
}SCSS
$blissful-serenity: #ecefd9;
$blissful-serenity-rgb: 236, 239, 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);
}