Couleur nommée la plus proche · #EDF0DA
#EDF0DA
Couleur nommée la plus proche: Blissful Serenity
#EDF0DA (rgb(237 240 218), hsl(68 42% 90%), oklch(0.947 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.
#EDF0DA
oklch(0.947 0.029 113.3)
Conversions de couleur
- HEX
- #edf0da
- RGB
- rgb(237 240 218)
- HSL
- hsl(68 42% 90%)
- HWB
- hwb(68 85% 6%)
- OKLCH
- oklch(0.947 0.029 113.3)
- OKLab
- oklab(0.947 -0.012 0.027)
- CIE Lab
- lab(94.12 -3.83 10.31)
- LCH
- lch(94.12 11 110.4)
- CMYK
- cmyk(1% 0% 9% 6%)
Teintes · Ombres · Tons
Teintes
- EFF2DE
- F1F3E1
- F2F5E5
- F4F6E9
- F6F8ED
- F8F9F0
- FAFBF4
- FBFCF8
- FDFEFB
Ombres
- CED1BD
- B0B2A2
- 939587
- 77786C
- 5C5D54
- 42433C
- 2A2A25
- 141411
- 030302
Tons
- E2E4D1
- D6D9C7
- CBCDBE
- C0C2B5
- B5B6AC
- AAABA3
- 9FA09A
- 959591
- 8A8B89
Harmonies de couleurs
Complémentaire +180°
- EDF0DA
Blissful Serenity
- EEEAFF
≈ Placebo Purple
Analogue -30° +30°
- EDF0DA
Blissful Serenity
- F7ECD8
≈ Ranier White
- E3F3E1
≈ Mojito
Triadique +120° +240°
- EDF0DA
Blissful Serenity
- DBF1FE
≈ Wizard White
- FEE6EF
≈ Sweetly
Complémentaire divisée +150° +210°
- EDF0DA
Blissful Serenity
- E5EEFF
≈ Brilliant White
- F8E7F9
≈ Soft Lavender
Tétradique +90° +180° +270°
- EDF0DA
Blissful Serenity
- D8F4F6
≈ Fishious Rend
- EEEAFF
≈ Placebo Purple
- FFE7E5
≈ Pink Theory
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.16:1 · APCA Lc 8
Ag
AAASur noir
WCAG 18.07:1 · APCA Lc 97
Meilleure couleur de texte: #000000
WCAG 18.07:1 (AAA) · APCA Lc 97
Contrast pairs
Extraits de code
CSS
:root {
--blissful-serenity: #edf0da;
--blissful-serenity-rgb: 237 240 218;
--blissful-serenity-oklch: oklch(0.947 0.029 113.3);
}
.element {
color: var(--blissful-serenity);
background-color: hsl(68 42% 90%);
border-color: oklch(0.947 0.029 113.3);
}Tailwind CSS v4
@theme {
--color-blissful-serenity: #edf0da;
--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: #edf0da;
$blissful-serenity-rgb: 237, 240, 218;
$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);
}