最も近い色名 · #1A458F
#1A458F
最も近い色名: Nuit Blanche
#1A458F（rgb(26 69 143)、hsl(218 69% 33%)、oklch(0.406 0.132 260.5)）に最も近い色名はNuit Blancheです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#1A458F
oklch(0.406 0.132 260.5)
カラー変換
- HEX
- #1a458f
- RGB
- rgb(26 69 143)
- HSL
- hsl(218 69% 33%)
- HWB
- hwb(218 10% 44%)
- OKLCH
- oklch(0.406 0.132 260.5)
- OKLab
- oklab(0.406 -0.022 -0.13)
- CIE Lab
- lab(29.82 7.79 -46.14)
- LCH
- lch(29.82 46.79 279.6)
- CMYK
- cmyk(82% 52% 0% 44%)
ティント · シェード · トーン
ティント
- 30579B
- 466AA7
- 5B7CB2
- 718EBE
- 88A0C9
- 9FB3D4
- B6C6DF
- CED9EA
- E6ECF4
シェード
- 153B7C
- 103169
- 0C2757
- 071E45
- 041534
- 020C24
- 010515
- 000207
- 000001
トーン
- 254C8E
- 30528D
- 3A598C
- 445F8B
- 4E658A
- 586A88
- 627087
- 6C7585
- 767B82
カラーハーモニー
補色 +180°
- 1A458F
Nuit Blanche
- 604300
≈ Mud Brown
類似色 -30° +30°
- 1A458F
Nuit Blanche
- 00506D
≈ Gemstone Blue
- 4B378A
≈ Blue Gem
トライアド +120° +240°
- 1A458F
Nuit Blanche
- 822029
≈ Red Dahlia
- 145900
≈ Lincoln Green
スプリットコンプリメンタリー +150° +210°
- 1A458F
Nuit Blanche
- 753400
≈ Bay Brown
- 4C4D00
≈ Scorzonera Brown
テトラード +90° +180° +270°
- 1A458F
Nuit Blanche
- 7A2252
≈ Smooch
- 604300
≈ Mud Brown
- 005743
≈ Sacramento State Green
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.16:1 · APCA Lc 91
Ag
Fail黒の上
WCAG 2.29:1 · APCA Lc 12
最適な文字色: #FFFFFF
WCAG 9.16:1 (AAA) · APCA Lc 91
Contrast pairs
コードスニペット
CSS
:root {
--nuit-blanche: #1a458f;
--nuit-blanche-rgb: 26 69 143;
--nuit-blanche-oklch: oklch(0.406 0.132 260.5);
}
.element {
color: var(--nuit-blanche);
background-color: hsl(218 69% 33%);
border-color: oklch(0.406 0.132 260.5);
}Tailwind CSS v4
@theme {
--color-nuit-blanche: #1a458f;
--color-nuit-blanche-50: #e1f6ff;
--color-nuit-blanche-100: #d1e9ff;
--color-nuit-blanche-200: #b6d5ff;
--color-nuit-blanche-300: #93b7fb;
--color-nuit-blanche-400: #709eec;
--color-nuit-blanche-500: #5184dc;
--color-nuit-blanche-600: #4570ba;
--color-nuit-blanche-700: #375a95;
--color-nuit-blanche-800: #24426f;
--color-nuit-blanche-900: #182e4e;
--color-nuit-blanche-950: #091a34;
}SCSS
$nuit-blanche: #1a458f;
$nuit-blanche-rgb: 26, 69, 143;
$nuit-blanche-light: mix(#fff, $nuit-blanche, 20%);
$nuit-blanche-dark: mix(#000, $nuit-blanche, 20%);
.element {
color: $nuit-blanche;
box-shadow: 0 0 0 2px rgba($nuit-blanche, 0.35);
}