이름 색상 · #1600FC
Royal Blue Tang
Royal Blue Tang은(는) #1600FC: rgb(22 0 252), hsl(245 100% 49%), oklch(0.452 0.308 265.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Royal Blue Tang color name →
#1600FC
oklch(0.452 0.308 265.8)
색상 변환
- HEX
- #1600fc
- RGB
- rgb(22 0 252)
- HSL
- hsl(245 100% 49%)
- HWB
- hwb(245 0% 1%)
- OKLCH
- oklch(0.452 0.308 265.8)
- OKLab
- oklab(0.452 -0.022 -0.307)
- CIE Lab
- lab(29.61 67.91 -110.26)
- LCH
- lch(29.61 129.5 301.6)
- CMYK
- cmyk(91% 100% 0% 1%)
틴트 · 셰이드 · 톤
틴트
- 1D41FF
- 305FFF
- 4777FF
- 5F8DFF
- 78A2FF
- 92B5FF
- ADC8FF
- C8DBFF
- E3EDFF
셰이드
- 1200DB
- 0D00BB
- 09009C
- 06007E
- 030062
- 020047
- 01002D
- 000016
- 000003
톤
- 162FF1
- 1D42E5
- 2750DA
- 335BCE
- 4063C2
- 4D6BB6
- 5971AA
- 66779C
- 737C8F
색 조화
보색 +180°
- 1600FC
Royal Blue Tang
- 6D5100
≈ Ayahuasca Vine
유사색 -30° +30°
- 1600FC
Royal Blue Tang
- 005D84
≈ Blue Flame
- 6900CB
≈ Trusted Purple
삼각 배색 +120° +240°
- 1600FC
Royal Blue Tang
- A40015
≈ Dear Darling
- 00691D
≈ Avagddu Green
분열 보색 +150° +210°
- 1600FC
Royal Blue Tang
- 834200
≈ Chocolate Pancakes
- 545C00
≈ Greensboro
사각 배색 +90° +180° +270°
- 1600FC
Royal Blue Tang
- 9C0059
≈ Obscure Orchid
- 6D5100
≈ Ayahuasca Vine
- 006554
≈ Piney Lake
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.60:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.43:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 8.60:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--royal-blue-tang: #1600fc;
--royal-blue-tang-rgb: 22 0 252;
--royal-blue-tang-oklch: oklch(0.452 0.308 265.8);
}
.element {
color: var(--royal-blue-tang);
background-color: hsl(245 100% 49%);
border-color: oklch(0.452 0.308 265.8);
}Tailwind CSS v4
@theme {
--color-royal-blue-tang: #1600fc;
--color-royal-blue-tang-50: #cff2ff;
--color-royal-blue-tang-100: #bbe3ff;
--color-royal-blue-tang-200: #9ccbff;
--color-royal-blue-tang-300: #74a7ff;
--color-royal-blue-tang-400: #4785ff;
--color-royal-blue-tang-500: #2957ff;
--color-royal-blue-tang-600: #234dff;
--color-royal-blue-tang-700: #1b3ee1;
--color-royal-blue-tang-800: #032eaa;
--color-royal-blue-tang-900: #022079;
--color-royal-blue-tang-950: #000b56;
}SCSS
$royal-blue-tang: #1600fc;
$royal-blue-tang-rgb: 22, 0, 252;
$royal-blue-tang-light: mix(#fff, $royal-blue-tang, 20%);
$royal-blue-tang-dark: mix(#000, $royal-blue-tang, 20%);
.element {
color: $royal-blue-tang;
box-shadow: 0 0 0 2px rgba($royal-blue-tang, 0.35);
}