이름 색상 · #4411EE
Royal Hunter Blue
Royal Hunter Blue은(는) #4411EE: rgb(68 17 238), hsl(254 87% 50%), oklch(0.462 0.279 276.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Royal Hunter Blue color name →
#4411EE
oklch(0.462 0.279 276.2)
색상 변환
- HEX
- #4411ee
- RGB
- rgb(68 17 238)
- HSL
- hsl(254 87% 50%)
- HWB
- hwb(254 7% 7%)
- OKLCH
- oklch(0.462 0.279 276.2)
- OKLab
- oklab(0.462 0.03 -0.277)
- CIE Lab
- lab(31.51 63.93 -99.12)
- LCH
- lch(31.51 117.95 302.8)
- CMYK
- cmyk(71% 93% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- 4E41F2
- 5B5DF6
- 6C75FA
- 7E8AFC
- 919FFF
- A6B3FF
- BBC6FF
- D1D9FF
- E8ECFF
셰이드
- 3A0DCF
- 3009B1
- 260693
- 1D0477
- 14025C
- 0C0142
- 05002A
- 020014
- 000003
톤
- 4530E4
- 4841DA
- 4C4ED0
- 5258C6
- 5861BB
- 5F69B0
- 676FA5
- 6F7699
- 777B8D
색 조화
보색 +180°
- 4411EE
Royal Hunter Blue
- 685800
≈ Ayahuasca Vine
유사색 -30° +30°
- 4411EE
Royal Hunter Blue
- 005C96
≈ Jetski Race
- 7B00BD
≈ Violet Poison
삼각 배색 +120° +240°
- 4411EE
Royal Hunter Blue
- 9D2900
≈ Burnt Red
- 006A3D
≈ Frog Green
분열 보색 +150° +210°
- 4411EE
Royal Hunter Blue
- 7E4B00
≈ Gédéon Brown
- 486300
≈ Camouflage Green
사각 배색 +90° +180° +270°
- 4411EE
Royal Hunter Blue
- A40048
≈ Cherry Plum
- 685800
≈ Ayahuasca Vine
- 00675F
≈ Butterfly Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.20:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.56:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 8.20:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--royal-hunter-blue: #4411ee;
--royal-hunter-blue-rgb: 68 17 238;
--royal-hunter-blue-oklch: oklch(0.462 0.279 276.2);
}
.element {
color: var(--royal-hunter-blue);
background-color: hsl(254 87% 50%);
border-color: oklch(0.462 0.279 276.2);
}Tailwind CSS v4
@theme {
--color-royal-hunter-blue: #4411ee;
--color-royal-hunter-blue-50: #e2eeff;
--color-royal-hunter-blue-100: #d2deff;
--color-royal-hunter-blue-200: #bac5ff;
--color-royal-hunter-blue-300: #9ba1ff;
--color-royal-hunter-blue-400: #7b7fff;
--color-royal-hunter-blue-500: #6653ff;
--color-royal-hunter-blue-600: #5649ff;
--color-royal-hunter-blue-700: #443ad3;
--color-royal-hunter-blue-800: #2d2ba0;
--color-royal-hunter-blue-900: #1e1d72;
--color-royal-hunter-blue-950: #100a50;
}SCSS
$royal-hunter-blue: #4411ee;
$royal-hunter-blue-rgb: 68, 17, 238;
$royal-hunter-blue-light: mix(#fff, $royal-hunter-blue, 20%);
$royal-hunter-blue-dark: mix(#000, $royal-hunter-blue, 20%);
.element {
color: $royal-hunter-blue;
box-shadow: 0 0 0 2px rgba($royal-hunter-blue, 0.35);
}