이름 색상 · #0022AA
City Hunter Blue
City Hunter Blue은(는) #0022AA: rgb(0 34 170), hsl(228 100% 33%), oklch(0.362 0.212 264). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · City Hunter Blue color name →
#0022AA
oklch(0.362 0.212 264)
색상 변환
- HEX
- #0022aa
- RGB
- rgb(0 34 170)
- HSL
- hsl(228 100% 33%)
- HWB
- hwb(228 0% 33%)
- OKLCH
- oklch(0.362 0.212 264)
- OKLab
- oklab(0.362 -0.022 -0.211)
- CIE Lab
- lab(22.24 37.25 -74.98)
- LCH
- lch(22.24 83.72 296.4)
- CMYK
- cmyk(100% 80% 0% 33%)
틴트 · 셰이드 · 톤
틴트
- 1440B5
- 2C58BF
- 456EC8
- 5E83D2
- 7798DA
- 91ACE3
- ACC1EB
- C7D5F2
- E3EAF9
셰이드
- 001C93
- 00167D
- 001168
- 000B53
- 00073F
- 00032D
- 00011B
- 00000B
- 000001
톤
- 0932A7
- 173FA4
- 2549A1
- 32539D
- 3F5C99
- 4C6495
- 596B91
- 66728C
- 737986
색 조화
보색 +180°
- 0022AA
City Hunter Blue
- 503A00
≈ Xanthophobia
유사색 -30° +30°
- 0022AA
City Hunter Blue
- 00435F
≈ Loyal Blue
- 4A0099
≈ Space Battle Blue
삼각 배색 +120° +240°
- 0022AA
City Hunter Blue
- 790011
≈ Blood Brother
- 004C0A
≈ Kabocha Green
분열 보색 +150° +210°
- 0022AA
City Hunter Blue
- 612E00
≈ Count Chocula
- 3E4200
≈ Green Not Found
사각 배색 +90° +180° +270°
- 0022AA
City Hunter Blue
- 730043
≈ Dawn of the Fairies
- 503A00
≈ Xanthophobia
- 00493B
≈ Tropical Forest
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.60:1 · APCA Lc 95
Ag
Fail검은색 위
WCAG 1.80:1 · APCA Lc 8
가장 좋은 글자색: #FFFFFF
WCAG 11.60:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--city-hunter-blue: #0022aa;
--city-hunter-blue-rgb: 0 34 170;
--city-hunter-blue-oklch: oklch(0.362 0.212 264);
}
.element {
color: var(--city-hunter-blue);
background-color: hsl(228 100% 33%);
border-color: oklch(0.362 0.212 264);
}Tailwind CSS v4
@theme {
--color-city-hunter-blue: #0022aa;
--color-city-hunter-blue-50: #d9f5ff;
--color-city-hunter-blue-100: #c7e7ff;
--color-city-hunter-blue-200: #aad2ff;
--color-city-hunter-blue-300: #84b2ff;
--color-city-hunter-blue-400: #5c96ff;
--color-city-hunter-blue-500: #3a77ff;
--color-city-hunter-blue-600: #3266e5;
--color-city-hunter-blue-700: #2751b8;
--color-city-hunter-blue-800: #153c8a;
--color-city-hunter-blue-900: #0d2962;
--color-city-hunter-blue-950: #021643;
}SCSS
$city-hunter-blue: #0022aa;
$city-hunter-blue-rgb: 0, 34, 170;
$city-hunter-blue-light: mix(#fff, $city-hunter-blue, 20%);
$city-hunter-blue-dark: mix(#000, $city-hunter-blue, 20%);
.element {
color: $city-hunter-blue;
box-shadow: 0 0 0 2px rgba($city-hunter-blue, 0.35);
}