가장 가까운 이름 색상 · #850074
#850074
가장 가까운 이름 색상: Royal Purpleness
#850074(rgb(133 0 116), hsl(308 100% 26%), oklch(0.422 0.187 335.4))와 가장 가까운 이름 색상은 Royal Purpleness입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#850074
oklch(0.422 0.187 335.4)
색상 변환
- HEX
- #850074
- RGB
- rgb(133 0 116)
- HSL
- hsl(308 100% 26%)
- HWB
- hwb(308 0% 48%)
- OKLCH
- oklch(0.422 0.187 335.4)
- OKLab
- oklab(0.422 0.17 -0.078)
- CIE Lab
- lab(30.1 55.86 -27.97)
- LCH
- lch(30.1 62.47 333.4)
- CMYK
- cmyk(0% 100% 13% 48%)
틴트 · 셰이드 · 톤
틴트
- 932C82
- A1468F
- AE5E9D
- BB75AB
- C78BB9
- D3A2C7
- DEB9D5
- EAD0E3
- F4E7F1
셰이드
- 730064
- 610054
- 500045
- 400037
- 300029
- 21001B
- 13000F
- 060005
- 010001
톤
- 861D76
- 872E77
- 873B79
- 88467A
- 87517B
- 875B7C
- 86647D
- 846E7E
- 82777F
색 조화
보색 +180°
- 850074
Royal Purpleness
- 005E34
≈ Spruce
유사색 -30° +30°
- 850074
Royal Purpleness
- 67209C
≈ Wild Violet
- 910040
≈ Madrileño Maroon
삼각 배색 +120° +240°
- 850074
Royal Purpleness
- 5C4D00
≈ Scorzonera Brown
- 005767
≈ Abyssal Waters
분열 보색 +150° +210°
- 850074
Royal Purpleness
- 405700
≈ Highlands Moss
- 005A53
≈ Baltic Prince
사각 배색 +90° +180° +270°
- 850074
Royal Purpleness
- 704100
≈ Bloodtracker Brown
- 005E34
≈ Spruce
- 005184
≈ Snorkel Blue
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.33:1 · APCA Lc 89
Ag
Fail검은색 위
WCAG 2.24:1 · APCA Lc 13
가장 좋은 글자색: #FFFFFF
WCAG 9.33:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--royal-purpleness: #850074;
--royal-purpleness-rgb: 133 0 116;
--royal-purpleness-oklch: oklch(0.422 0.187 335.4);
}
.element {
color: var(--royal-purpleness);
background-color: hsl(308 100% 26%);
border-color: oklch(0.422 0.187 335.4);
}Tailwind CSS v4
@theme {
--color-royal-purpleness: #850074;
--color-royal-purpleness-50: #ffe1ff;
--color-royal-purpleness-100: #ffd0fe;
--color-royal-purpleness-200: #ffb5f1;
--color-royal-purpleness-300: #f490d9;
--color-royal-purpleness-400: #e06ec9;
--color-royal-purpleness-500: #cc48b5;
--color-royal-purpleness-600: #ad3e99;
--color-royal-purpleness-700: #8b317b;
--color-royal-purpleness-800: #66235d;
--color-royal-purpleness-900: #481741;
--color-royal-purpleness-950: #2f072a;
}SCSS
$royal-purpleness: #850074;
$royal-purpleness-rgb: 133, 0, 116;
$royal-purpleness-light: mix(#fff, $royal-purpleness, 20%);
$royal-purpleness-dark: mix(#000, $royal-purpleness, 20%);
.element {
color: $royal-purpleness;
box-shadow: 0 0 0 2px rgba($royal-purpleness, 0.35);
}