Couleur nommée la plus proche · #EAECD4
#EAECD4
Couleur nommée la plus proche: Blissful Serenity
#EAECD4 (rgb(234 236 212), hsl(65 39% 88%), oklch(0.935 0.032 110.9)) 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.
#EAECD4
oklch(0.935 0.032 110.9)
Conversions de couleur
- HEX
- #eaecd4
- RGB
- rgb(234 236 212)
- HSL
- hsl(65 39% 88%)
- HWB
- hwb(65 83% 7%)
- OKLCH
- oklch(0.935 0.032 110.9)
- OKLab
- oklab(0.935 -0.011 0.03)
- CIE Lab
- lab(92.76 -3.73 11.45)
- LCH
- lch(92.76 12.04 108)
- CMYK
- cmyk(1% 0% 10% 7%)
Teintes · Ombres · Tons
Teintes
- ECEED8
- EEF0DD
- F0F2E1
- F2F4E5
- F4F6E9
- F7F7EE
- F9F9F2
- FBFBF6
- FDFDFB
Ombres
- CBCDB8
- AEAF9D
- 919283
- 757669
- 5A5B51
- 41423A
- 292924
- 131310
- 030302
Tons
- DFE1CB
- D4D5C3
- C9CABA
- BEBFB2
- B4B5A9
- A9AAA1
- 9F9F98
- 949590
- 8A8A88
Harmonies de couleurs
Complémentaire +180°
- EAECD4
Blissful Serenity
- E9E6FE
≈ Cyber Lavender
Analogue -30° +30°
- EAECD4
Blissful Serenity
- F5E8D2
≈ Golden Mushroom
- DFEFDB
≈ Distant Landscape
Triadique +120° +240°
- EAECD4
Blissful Serenity
- D5EEFB
≈ Ice Castle
- FBE1EC
≈ Spun Sugar
Complémentaire divisée +150° +210°
- EAECD4
Blissful Serenity
- DEEAFF
≈ Husky
- F4E3F7
≈ Minute Mauve
Tétradique +90° +180° +270°
- EAECD4
Blissful Serenity
- D2F0F2
≈ Windswept
- E9E6FE
≈ Cyber Lavender
- FEE2E0
≈ Lady Anne
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.20:1 · APCA Lc 10
Ag
AAASur noir
WCAG 17.44:1 · APCA Lc 94
Meilleure couleur de texte: #000000
WCAG 17.44:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
CSS
:root {
--blissful-serenity: #eaecd4;
--blissful-serenity-rgb: 234 236 212;
--blissful-serenity-oklch: oklch(0.935 0.032 110.9);
}
.element {
color: var(--blissful-serenity);
background-color: hsl(65 39% 88%);
border-color: oklch(0.935 0.032 110.9);
}Tailwind CSS v4
@theme {
--color-blissful-serenity: #eaecd4;
--color-blissful-serenity-50: #f5f6ec;
--color-blissful-serenity-100: #e8e9dd;
--color-blissful-serenity-200: #d4d6c7;
--color-blissful-serenity-300: #b7b9a7;
--color-blissful-serenity-400: #9fa08b;
--color-blissful-serenity-500: #878870;
--color-blissful-serenity-600: #72735f;
--color-blissful-serenity-700: #5b5c4c;
--color-blissful-serenity-800: #434337;
--color-blissful-serenity-900: #2e2f25;
--color-blissful-serenity-950: #1b1b14;
}SCSS
$blissful-serenity: #eaecd4;
$blissful-serenity-rgb: 234, 236, 212;
$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);
}