Colore con nome più vicino · #E6EBD4
#E6EBD4
Colore con nome più vicino: Blissful Serenity
#E6EBD4 (rgb(230 235 212), hsl(73 37% 88%), oklch(0.93 0.031 117)) è più vicino al colore con nome Blissful Serenity. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E6EBD4
oklch(0.93 0.031 117)
Conversioni di colore
- HEX
- #e6ebd4
- RGB
- rgb(230 235 212)
- HSL
- hsl(73 37% 88%)
- HWB
- hwb(73 83% 8%)
- OKLCH
- oklch(0.93 0.031 117)
- OKLab
- oklab(0.93 -0.014 0.028)
- CIE Lab
- lab(92.2 -4.68 10.6)
- LCH
- lch(92.2 11.59 113.8)
- CMYK
- cmyk(2% 0% 10% 8%)
Tinte · Ombre · Toni
Tinte
- E8EDD8
- EBEFDD
- EDF1E1
- F0F3E5
- F2F5E9
- F5F7EE
- F7F9F2
- FAFBF6
- FCFDFB
Ombre
- C8CCB8
- ABAE9D
- 8E9183
- 737569
- 595B51
- 40413A
- 282924
- 131310
- 030302
Toni
- DBE0CB
- D1D5C3
- C6CABA
- BCBFB2
- B2B4A9
- A7A9A1
- 9D9F98
- 939490
- 8A8A88
Armonie di colore
Complementare +180°
- E6EBD4
Blissful Serenity
- EAE4FB
≈ Lavender Mist
Analogo -30° +30°
- E6EBD4
Blissful Serenity
- F1E7D1
≈ Informal Ivory
- DBEEDC
≈ Dewmist Delight
Triadico +120° +240°
- E6EBD4
Blissful Serenity
- D5ECFA
≈ Ice Castle
- FAE0E8
≈ Watermelon Mousse
Complementare divisa +150° +210°
- E6EBD4
Blissful Serenity
- DFE8FD
≈ Glitter
- F4E1F3
≈ Minute Mauve
Tetradico +90° +180° +270°
- E6EBD4
Blissful Serenity
- D1EEF2
≈ Diamond League
- EAE4FB
≈ Lavender Mist
- FCE1DD
≈ Peachy Ethereal
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASu nero
WCAG 17.19:1 · APCA Lc 93
Miglior colore del testo: #000000
WCAG 17.19:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--blissful-serenity: #e6ebd4;
--blissful-serenity-rgb: 230 235 212;
--blissful-serenity-oklch: oklch(0.93 0.031 117);
}
.element {
color: var(--blissful-serenity);
background-color: hsl(73 37% 88%);
border-color: oklch(0.93 0.031 117);
}Tailwind CSS v4
@theme {
--color-blissful-serenity: #e6ebd4;
--color-blissful-serenity-50: #f4f7ed;
--color-blissful-serenity-100: #e6e9de;
--color-blissful-serenity-200: #d2d6c8;
--color-blissful-serenity-300: #b5baa8;
--color-blissful-serenity-400: #9da18d;
--color-blissful-serenity-500: #848972;
--color-blissful-serenity-600: #707461;
--color-blissful-serenity-700: #5a5d4d;
--color-blissful-serenity-800: #424438;
--color-blissful-serenity-900: #2d2f26;
--color-blissful-serenity-950: #1a1b14;
}SCSS
$blissful-serenity: #e6ebd4;
$blissful-serenity-rgb: 230, 235, 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);
}