色名 · #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);
}