이름 색상 · #93739E
Diffused Orchid
Diffused Orchid은(는) #93739E: rgb(147 115 158), hsl(285 18% 54%), oklch(0.602 0.074 317.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Diffused Orchid color name →
#93739E
oklch(0.602 0.074 317.3)
색상 변환
- HEX
- #93739e
- RGB
- rgb(147 115 158)
- HSL
- hsl(285 18% 54%)
- HWB
- hwb(285 45% 38%)
- OKLCH
- oklch(0.602 0.074 317.3)
- OKLab
- oklab(0.602 0.054 -0.05)
- CIE Lab
- lab(52.79 18.95 -18.34)
- LCH
- lch(52.79 26.37 315.9)
- CMYK
- cmyk(7% 27% 0% 38%)
틴트 · 셰이드 · 톤
틴트
- 9D80A8
- A88EB1
- B39BBB
- BDA9C4
- C8B7CE
- D3C5D8
- DED3E1
- E9E2EB
- F4F0F5
셰이드
- 7F6389
- 6C5474
- 594560
- 47364D
- 36283A
- 251B29
- 160F18
- 080509
- 010101
톤
- 91749B
- 8F7698
- 8D7795
- 8C7992
- 8A7A8F
- 887B8C
- 867C89
- 847E86
- 827F83
색 조화
보색 +180°
- 93739E
Diffused Orchid
- 6C8B60
≈ Succulent Leaves
유사색 -30° +30°
- 93739E
Diffused Orchid
- 7E7AAB
≈ Purple Rhapsody
- A26F89
≈ Pink Jazz
삼각 배색 +120° +240°
- 93739E
Diffused Orchid
- 9A7B4D
≈ Alluring Umber
- 448E90
≈ Blue Chill
분열 보색 +150° +210°
- 93739E
Diffused Orchid
- 85844F
≈ Candied Lime
- 528F78
≈ Winter Green
사각 배색 +90° +180° +270°
- 93739E
Diffused Orchid
- A6735A
≈ Marron Canela
- 6C8B60
≈ Succulent Leaves
- 4D8AA3
≈ Cossack Dancer
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.04:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.18:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.18:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--diffused-orchid: #93739e;
--diffused-orchid-rgb: 147 115 158;
--diffused-orchid-oklch: oklch(0.602 0.074 317.3);
}
.element {
color: var(--diffused-orchid);
background-color: hsl(285 18% 54%);
border-color: oklch(0.602 0.074 317.3);
}Tailwind CSS v4
@theme {
--color-diffused-orchid: #93739e;
--color-diffused-orchid-50: #ffefff;
--color-diffused-orchid-100: #f3e1f8;
--color-diffused-orchid-200: #e2cbe9;
--color-diffused-orchid-300: #c8acd0;
--color-diffused-orchid-400: #b191bb;
--color-diffused-orchid-500: #9a77a7;
--color-diffused-orchid-600: #82658d;
--color-diffused-orchid-700: #695071;
--color-diffused-orchid-800: #4c3b54;
--color-diffused-orchid-900: #35283b;
--color-diffused-orchid-950: #201625;
}SCSS
$diffused-orchid: #93739e;
$diffused-orchid-rgb: 147, 115, 158;
$diffused-orchid-light: mix(#fff, $diffused-orchid, 20%);
$diffused-orchid-dark: mix(#000, $diffused-orchid, 20%);
.element {
color: $diffused-orchid;
box-shadow: 0 0 0 2px rgba($diffused-orchid, 0.35);
}