Colore con nome · #594158
Dreamy Heaven
Dreamy Heaven è #594158: rgb(89 65 88), hsl(302 16% 30%), oklch(0.41 0.049 327.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Dreamy Heaven color name →
#594158
oklch(0.41 0.049 327.8)
Conversioni di colore
- HEX
- #594158
- RGB
- rgb(89 65 88)
- HSL
- hsl(302 16% 30%)
- HWB
- hwb(302 25% 65%)
- OKLCH
- oklch(0.41 0.049 327.8)
- OKLab
- oklab(0.41 0.041 -0.026)
- CIE Lab
- lab(30.89 14.03 -9.57)
- LCH
- lch(30.89 16.98 325.7)
- CMYK
- cmyk(0% 27% 1% 65%)
Tinte · Ombre · Toni
Tinte
- 685267
- 786477
- 887687
- 988897
- A99BA8
- B9AEB9
- CBC2CA
- DCD6DB
- EDEAED
Ombre
- 4C374B
- 402E3F
- 342533
- 281C28
- 1D131D
- 130B12
- 090509
- 030103
- 000000
Toni
- 5D475C
- 614D60
- 655364
- 695A68
- 6D606C
- 716670
- 746D74
- 787378
- 7C797C
Armonie di colore
Complementare +180°
- 594158
Dreamy Heaven
- 38523B
≈ Highlander
Analogo -30° +30°
- 594158
Dreamy Heaven
- 4D4562
≈ Berry Charm
- 603F4A
≈ Catawba Grape
Triadico +120° +240°
- 594158
Dreamy Heaven
- 56492B
≈ Punga
- 275258
≈ Hidden Waters
Complementare divisa +150° +210°
- 594158
Dreamy Heaven
- 484E2F
≈ Waiouru
- 2A534A
≈ Hunter
Tetradico +90° +180° +270°
- 594158
Dreamy Heaven
- 5F4430
≈ Boston Brown Bread
- 38523B
≈ Highlander
- 304E62
≈ Sovereignty
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.04:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.32:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 9.04:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--dreamy-heaven: #594158;
--dreamy-heaven-rgb: 89 65 88;
--dreamy-heaven-oklch: oklch(0.41 0.049 327.8);
}
.element {
color: var(--dreamy-heaven);
background-color: hsl(302 16% 30%);
border-color: oklch(0.41 0.049 327.8);
}Tailwind CSS v4
@theme {
--color-dreamy-heaven: #594158;
--color-dreamy-heaven-50: #fef0fc;
--color-dreamy-heaven-100: #f2e2f0;
--color-dreamy-heaven-200: #e1cdde;
--color-dreamy-heaven-300: #c6afc4;
--color-dreamy-heaven-400: #af95ad;
--color-dreamy-heaven-500: #987b97;
--color-dreamy-heaven-600: #816880;
--color-dreamy-heaven-700: #675366;
--color-dreamy-heaven-800: #4b3d4c;
--color-dreamy-heaven-900: #342a34;
--color-dreamy-heaven-950: #201720;
}SCSS
$dreamy-heaven: #594158;
$dreamy-heaven-rgb: 89, 65, 88;
$dreamy-heaven-light: mix(#fff, $dreamy-heaven, 20%);
$dreamy-heaven-dark: mix(#000, $dreamy-heaven, 20%);
.element {
color: $dreamy-heaven;
box-shadow: 0 0 0 2px rgba($dreamy-heaven, 0.35);
}