最も近い色名 · #2A3E87
#2A3E87
最も近い色名: Evening Magic
#2A3E87（rgb(42 62 135)、hsl(227 53% 35%)、oklch(0.391 0.124 268.5)）に最も近い色名はEvening Magicです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#2A3E87
oklch(0.391 0.124 268.5)
カラー変換
- HEX
- #2a3e87
- RGB
- rgb(42 62 135)
- HSL
- hsl(227 53% 35%)
- HWB
- hwb(227 16% 47%)
- OKLCH
- oklch(0.391 0.124 268.5)
- OKLab
- oklab(0.391 -0.003 -0.124)
- CIE Lab
- lab(27.95 12.29 -44.18)
- LCH
- lch(27.95 45.86 285.5)
- CMYK
- cmyk(69% 54% 0% 47%)
ティント · シェード · トーン
ティント
- 3C5194
- 4F64A0
- 6376AC
- 7789B9
- 8D9CC5
- A3AFD0
- B9C3DC
- D0D7E8
- E7EBF4
シェード
- 233575
- 1C2B63
- 162351
- 101A41
- 0A1231
- 050A21
- 020413
- 010106
- 000001
トーン
- 324587
- 3A4D87
- 425387
- 4A5A86
- 536186
- 5C6785
- 656D84
- 6E7483
- 777A82
カラーハーモニー
補色 +180°
- 2A3E87
Evening Magic
- 574200
≈ Sugarloaf Brown
類似色 -30° +30°
- 2A3E87
Evening Magic
- 004B6E
≈ Pompeii Blue
- 4F317E
≈ Regalia
トライアド +120° +240°
- 2A3E87
Evening Magic
- 7A211A
≈ Incubus
- 00551F
≈ O Tannenbaum
スプリットコンプリメンタリー +150° +210°
- 2A3E87
Evening Magic
- 693600
≈ Nutmeg Wood Finish
- 414B00
≈ No Emissions Green
テトラード +90° +180° +270°
- 2A3E87
Evening Magic
- 761F44
≈ Caviar Couture
- 574200
≈ Sugarloaf Brown
- 005246
≈ Breathe Deeply
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.82:1 · APCA Lc 92
Ag
Fail黒の上
WCAG 2.13:1 · APCA Lc 10
最適な文字色: #FFFFFF
WCAG 9.82:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--evening-magic: #2a3e87;
--evening-magic-rgb: 42 62 135;
--evening-magic-oklch: oklch(0.391 0.124 268.5);
}
.element {
color: var(--evening-magic);
background-color: hsl(227 53% 35%);
border-color: oklch(0.391 0.124 268.5);
}Tailwind CSS v4
@theme {
--color-evening-magic: #2a3e87;
--color-evening-magic-50: #e7f4ff;
--color-evening-magic-100: #d8e7ff;
--color-evening-magic-200: #c0d2ff;
--color-evening-magic-300: #9fb4f8;
--color-evening-magic-400: #809be8;
--color-evening-magic-500: #6480d8;
--color-evening-magic-600: #556db6;
--color-evening-magic-700: #435793;
--color-evening-magic-800: #2e406d;
--color-evening-magic-900: #1f2c4d;
--color-evening-magic-950: #0f1933;
}SCSS
$evening-magic: #2a3e87;
$evening-magic-rgb: 42, 62, 135;
$evening-magic-light: mix(#fff, $evening-magic, 20%);
$evening-magic-dark: mix(#000, $evening-magic, 20%);
.element {
color: $evening-magic;
box-shadow: 0 0 0 2px rgba($evening-magic, 0.35);
}