Colore con nome · #EDE0D5
Delicate Bliss
Delicate Bliss è #EDE0D5: rgb(237 224 213), hsl(27 40% 88%), oklch(0.914 0.021 62.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Delicate Bliss color name →
#EDE0D5
oklch(0.914 0.021 62.8)
Conversioni di colore
- HEX
- #ede0d5
- RGB
- rgb(237 224 213)
- HSL
- hsl(27 40% 88%)
- HWB
- hwb(27 84% 7%)
- OKLCH
- oklch(0.914 0.021 62.8)
- OKLab
- oklab(0.914 0.009 0.018)
- CIE Lab
- lab(90 3.23 7.08)
- LCH
- lch(90 7.78 65.5)
- CMYK
- cmyk(0% 5% 10% 7%)
Tinte · Ombre · Toni
Tinte
- EFE3D9
- F1E6DD
- F2E9E2
- F4ECE6
- F6EFEA
- F8F3EE
- FAF6F2
- FBF9F7
- FDFCFB
Ombre
- CEC3B9
- B0A69E
- 938A83
- 77706A
- 5C5651
- 423E3A
- 2A2724
- 141210
- 030202
Toni
- E2D6CC
- D6CCC3
- CBC2BB
- C0B8B2
- B5AFAA
- AAA5A1
- 9F9C99
- 959290
- 8A8988
Armonie di colore
Complementare +180°
- EDE0D5
Delicate Bliss
- D7E5F0
≈ Snowdrift Glow
Analogo -30° +30°
- EDE0D5
Delicate Bliss
- F0DEDA
≈ Butterfly Kisses
- E7E3D4
≈ Snowshoe Hare
Triadico +120° +240°
- EDE0D5
Delicate Bliss
- D5E7E4
≈ Peaceful Night
- E5E0EE
≈ Romantic Cruise
Complementare divisa +150° +210°
- EDE0D5
Delicate Bliss
- D4E7EB
≈ Bravo Blue
- DEE2F1
≈ Iris Ice
Tetradico +90° +180° +270°
- EDE0D5
Delicate Bliss
- D9E7DC
≈ Swans Down
- D7E5F0
≈ Snowdrift Glow
- EBDEE9
≈ Ice Ballet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.22:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.22:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--delicate-bliss: #ede0d5;
--delicate-bliss-rgb: 237 224 213;
--delicate-bliss-oklch: oklch(0.914 0.021 62.8);
}
.element {
color: var(--delicate-bliss);
background-color: hsl(27 40% 88%);
border-color: oklch(0.914 0.021 62.8);
}Tailwind CSS v4
@theme {
--color-delicate-bliss: #ede0d5;
--color-delicate-bliss-50: #f9f4ef;
--color-delicate-bliss-100: #ede7e1;
--color-delicate-bliss-200: #dbd3cb;
--color-delicate-bliss-300: #bfb5ad;
--color-delicate-bliss-400: #a89c92;
--color-delicate-bliss-500: #908378;
--color-delicate-bliss-600: #7a6f66;
--color-delicate-bliss-700: #625952;
--color-delicate-bliss-800: #48413b;
--color-delicate-bliss-900: #322d29;
--color-delicate-bliss-950: #1e1a17;
}SCSS
$delicate-bliss: #ede0d5;
$delicate-bliss-rgb: 237, 224, 213;
$delicate-bliss-light: mix(#fff, $delicate-bliss, 20%);
$delicate-bliss-dark: mix(#000, $delicate-bliss, 20%);
.element {
color: $delicate-bliss;
box-shadow: 0 0 0 2px rgba($delicate-bliss, 0.35);
}