이름 색상 · #9093AD
Monarchy
Monarchy은(는) #9093AD: rgb(144 147 173), hsl(234 15% 62%), oklch(0.67 0.038 280.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Monarchy color name →
#9093AD
oklch(0.67 0.038 280.1)
색상 변환
- HEX
- #9093ad
- RGB
- rgb(144 147 173)
- HSL
- hsl(234 15% 62%)
- HWB
- hwb(234 56% 32%)
- OKLCH
- oklch(0.67 0.038 280.1)
- OKLab
- oklab(0.67 0.007 -0.038)
- CIE Lab
- lab(61.36 3.01 -14.08)
- LCH
- lch(61.36 14.39 282.1)
- CMYK
- cmyk(17% 15% 0% 32%)
틴트 · 셰이드 · 톤
틴트
- 9B9DB5
- A5A8BD
- B0B2C5
- BBBDCD
- C6C8D6
- D1D3DE
- DCDEE6
- E8E9EE
- F3F4F7
셰이드
- 7D7F96
- 6A6C7F
- 57596A
- 454755
- 343641
- 24252D
- 15161B
- 07080B
- 010101
톤
- 8E91A8
- 8D8FA4
- 8B8D9F
- 8A8B9B
- 888A96
- 868892
- 85868D
- 838489
- 828284
색 조화
보색 +180°
- 9093AD
Monarchy
- 9A967B
≈ Shortgrass Prairie
유사색 -30° +30°
- 9093AD
Monarchy
- 8497AC
≈ Norwegian Night
- 9C8FA7
≈ Smoky Grape
삼각 배색 +120° +240°
- 9093AD
Monarchy
- AB8E84
≈ Hollow Brown
- 819D8D
≈ Seiji Green
분열 보색 +150° +210°
- 9093AD
Monarchy
- A5917C
≈ Farmyard
- 8D9A82
≈ Linden Spear
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.01:1 · APCA Lc 57
Ag
AA검은색 위
WCAG 6.96:1 · APCA Lc 45
가장 좋은 글자색: #000000
WCAG 6.96:1 (AA) · APCA Lc 45
Contrast pairs
코드 스니펫
CSS
:root {
--monarchy: #9093ad;
--monarchy-rgb: 144 147 173;
--monarchy-oklch: oklch(0.67 0.038 280.1);
}
.element {
color: var(--monarchy);
background-color: hsl(234 15% 62%);
border-color: oklch(0.67 0.038 280.1);
}Tailwind CSS v4
@theme {
--color-monarchy: #9093ad;
--color-monarchy-50: #f3f4ff;
--color-monarchy-100: #e5e7f5;
--color-monarchy-200: #d1d3e5;
--color-monarchy-300: #b4b5cb;
--color-monarchy-400: #999cb5;
--color-monarchy-500: #8184a0;
--color-monarchy-600: #6d7087;
--color-monarchy-700: #57596c;
--color-monarchy-800: #3f4150;
--color-monarchy-900: #2b2d38;
--color-monarchy-950: #191a22;
}SCSS
$monarchy: #9093ad;
$monarchy-rgb: 144, 147, 173;
$monarchy-light: mix(#fff, $monarchy, 20%);
$monarchy-dark: mix(#000, $monarchy, 20%);
.element {
color: $monarchy;
box-shadow: 0 0 0 2px rgba($monarchy, 0.35);
}