最も近い色名 · #1A3A9C
#1A3A9C
最も近い色名: Smalt
#1A3A9C（rgb(26 58 156)、hsl(225 71% 36%)、oklch(0.394 0.164 265.3)）に最も近い色名はSmaltです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#1A3A9C
oklch(0.394 0.164 265.3)
カラー変換
- HEX
- #1a3a9c
- RGB
- rgb(26 58 156)
- HSL
- hsl(225 71% 36%)
- HWB
- hwb(225 10% 39%)
- OKLCH
- oklch(0.394 0.164 265.3)
- OKLab
- oklab(0.394 -0.013 -0.163)
- CIE Lab
- lab(27.51 19.38 -57.8)
- LCH
- lch(27.51 60.96 288.5)
- CMYK
- cmyk(83% 63% 0% 39%)
ティント · シェード · トーン
ティント
- 2E4FA7
- 4263B2
- 5876BD
- 6E8AC7
- 859DD1
- 9CB0DB
- B4C4E4
- CDD7ED
- E6EBF6
シェード
- 153187
- 102873
- 0C205F
- 07184C
- 041039
- 020928
- 010418
- 000109
- 000001
トーン
- 24439A
- 2D4B98
- 375396
- 415A94
- 4C6191
- 56688E
- 606E8B
- 6B7488
- 757A84
カラーハーモニー
補色 +180°
- 1A3A9C
Smalt
- 5A4200
≈ Sugarloaf Brown
類似色 -30° +30°
トライアド +120° +240°
- 1A3A9C
Smalt
- 880011
≈ Bloodthirsty
- 005614
≈ Swamp Monster
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.86:1 · APCA Lc 92
Ag
Fail黒の上
WCAG 2.12:1 · APCA Lc 10
最適な文字色: #FFFFFF
WCAG 9.86:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--smalt: #1a3a9c;
--smalt-rgb: 26 58 156;
--smalt-oklch: oklch(0.394 0.164 265.3);
}
.element {
color: var(--smalt);
background-color: hsl(225 71% 36%);
border-color: oklch(0.394 0.164 265.3);
}Tailwind CSS v4
@theme {
--color-smalt: #1a3a9c;
--color-smalt-50: #e0f5ff;
--color-smalt-100: #d0e7ff;
--color-smalt-200: #b5d2ff;
--color-smalt-300: #92b4ff;
--color-smalt-400: #6f9aff;
--color-smalt-500: #507ef1;
--color-smalt-600: #456bcb;
--color-smalt-700: #3656a4;
--color-smalt-800: #233f7a;
--color-smalt-900: #172b56;
--color-smalt-950: #09183a;
}SCSS
$smalt: #1a3a9c;
$smalt-rgb: 26, 58, 156;
$smalt-light: mix(#fff, $smalt, 20%);
$smalt-dark: mix(#000, $smalt, 20%);
.element {
color: $smalt;
box-shadow: 0 0 0 2px rgba($smalt, 0.35);
}