이름 색상 · #594158
Dreamy Heaven
Dreamy Heaven은(는) #594158: rgb(89 65 88), hsl(302 16% 30%), oklch(0.41 0.049 327.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Dreamy Heaven color name →
#594158
oklch(0.41 0.049 327.8)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 685267
- 786477
- 887687
- 988897
- A99BA8
- B9AEB9
- CBC2CA
- DCD6DB
- EDEAED
셰이드
- 4C374B
- 402E3F
- 342533
- 281C28
- 1D131D
- 130B12
- 090509
- 030103
- 000000
톤
- 5D475C
- 614D60
- 655364
- 695A68
- 6D606C
- 716670
- 746D74
- 787378
- 7C797C
색 조화
보색 +180°
- 594158
Dreamy Heaven
- 38523B
≈ Highlander
유사색 -30° +30°
- 594158
Dreamy Heaven
- 4D4562
≈ Berry Charm
- 603F4A
≈ Catawba Grape
삼각 배색 +120° +240°
- 594158
Dreamy Heaven
- 56492B
≈ Punga
- 275258
≈ Hidden Waters
분열 보색 +150° +210°
- 594158
Dreamy Heaven
- 484E2F
≈ Waiouru
- 2A534A
≈ Hunter
사각 배색 +90° +180° +270°
- 594158
Dreamy Heaven
- 5F4430
≈ Boston Brown Bread
- 38523B
≈ Highlander
- 304E62
≈ Sovereignty
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.04:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.32:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 9.04:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
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);
}