最も近い色名 · #001A90
#001A90
最も近い色名: Royal
#001A90（rgb(0 26 144)、hsl(229 100% 28%)、oklch(0.319 0.189 264.1)）に最も近い色名はRoyalです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#001A90
oklch(0.319 0.189 264.1)
カラー変換
- HEX
- #001a90
- RGB
- rgb(0 26 144)
- HSL
- hsl(229 100% 28%)
- HWB
- hwb(229 0% 44%)
- OKLCH
- oklch(0.319 0.189 264.1)
- OKLab
- oklab(0.319 -0.019 -0.188)
- CIE Lab
- lab(17.6 33.66 -66.8)
- LCH
- lch(17.6 74.8 296.7)
- CMYK
- cmyk(100% 82% 0% 44%)
ティント · シェード · トーン
ティント
- 12389D
- 2A50A9
- 4266B5
- 5B7CC1
- 7591CC
- 8FA7D7
- AABDE2
- C6D3EC
- E2E9F6
シェード
- 00157D
- 00106A
- 000C57
- 000745
- 000434
- 000224
- 000115
- 000007
- 000001
トーン
- 082B90
- 15388F
- 22438F
- 2F4D8E
- 3D568C
- 4A5F8B
- 576889
- 657086
- 727883
カラーハーモニー
補色 +180°
- 001A90
Royal
- 422F00
≈ Hidden Passage
類似色 -30° +30°
- 001A90
Royal
- 00374F
≈ Sea of Stars
- 3D0080
≈ Marionberry
トライアド +120° +240°
- 001A90
Royal
- 65000D
≈ Rosewood
- 003F07
≈ Hunter Green
スプリットコンプリメンタリー +150° +210°
- 001A90
Royal
- 512500
≈ Conker Brown
- 323600
≈ Wasabi Nori
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 13.54:1 · APCA Lc 99
Ag
Fail黒の上
WCAG 1.55:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 13.54:1 (AAA) · APCA Lc 99
Contrast pairs
コードスニペット
CSS
:root {
--royal: #001a90;
--royal-rgb: 0 26 144;
--royal-oklch: oklch(0.319 0.189 264.1);
}
.element {
color: var(--royal);
background-color: hsl(229 100% 28%);
border-color: oklch(0.319 0.189 264.1);
}Tailwind CSS v4
@theme {
--color-royal: #001a90;
--color-royal-50: #dcf5ff;
--color-royal-100: #cae7ff;
--color-royal-200: #afd2ff;
--color-royal-300: #8ab3ff;
--color-royal-400: #6498ff;
--color-royal-500: #437bff;
--color-royal-600: #3a69d8;
--color-royal-700: #2d54ae;
--color-royal-800: #1b3e82;
--color-royal-900: #112b5c;
--color-royal-950: #05173f;
}SCSS
$royal: #001a90;
$royal-rgb: 0, 26, 144;
$royal-light: mix(#fff, $royal, 20%);
$royal-dark: mix(#000, $royal, 20%);
.element {
color: $royal;
box-shadow: 0 0 0 2px rgba($royal, 0.35);
}