最も近い色名 · #494E71
#494E71
最も近い色名: Intergalactic
#494E71（rgb(73 78 113)、hsl(232 22% 36%)、oklch(0.435 0.058 277.4)）に最も近い色名はIntergalacticです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#494E71
oklch(0.435 0.058 277.4)
カラー変換
- HEX
- #494e71
- RGB
- rgb(73 78 113)
- HSL
- hsl(232 22% 36%)
- HWB
- hwb(232 29% 56%)
- OKLCH
- oklch(0.435 0.058 277.4)
- OKLab
- oklab(0.435 0.008 -0.058)
- CIE Lab
- lab(33.87 4.94 -20.99)
- LCH
- lch(33.87 21.57 283.3)
- CMYK
- cmyk(35% 31% 0% 56%)
ティント · シェード · トーン
ティント
- 595E7F
- 6A6F8C
- 7B809A
- 8D91A8
- 9FA2B6
- B1B4C5
- C4C7D3
- D8D9E2
- EBECF0
シェード
- 3E4361
- 343852
- 2A2D43
- 202335
- 171927
- 0E0F1A
- 06070E
- 020204
- 000001
トーン
- 4E5373
- 535874
- 595D76
- 5E6278
- 646779
- 696C7B
- 6F717C
- 74767D
- 7A7B7F
カラーハーモニー
補色 +180°
- 494E71
Intergalactic
- 5A512A
≈ West Coast
類似色 -30° +30°
- 494E71
Intergalactic
- 365470
≈ Albeit
- 5A486A
≈ Proper Purple
トライアド +120° +240°
- 494E71
Intergalactic
- 6D463A
≈ Deep Cherrywood
- 345B44
≈ Billiard Green
スプリットコンプリメンタリー +150° +210°
- 494E71
Intergalactic
- 674B2D
≈ Dallas
- 485734
≈ Trefoil
テトラード +90° +180° +270°
- 494E71
Intergalactic
- 6D434B
≈ Legal Ribbon
- 5A512A
≈ West Coast
- 255B57
≈ Lacrosse
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 8.04:1 · APCA Lc 88
Ag
Fail黒の上
WCAG 2.61:1 · APCA Lc 14
最適な文字色: #FFFFFF
WCAG 8.04:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--intergalactic: #494e71;
--intergalactic-rgb: 73 78 113;
--intergalactic-oklch: oklch(0.435 0.058 277.4);
}
.element {
color: var(--intergalactic);
background-color: hsl(232 22% 36%);
border-color: oklch(0.435 0.058 277.4);
}Tailwind CSS v4
@theme {
--color-intergalactic: #494e71;
--color-intergalactic-50: #f1f4ff;
--color-intergalactic-100: #e3e6fc;
--color-intergalactic-200: #ced2ed;
--color-intergalactic-300: #b1b5d5;
--color-intergalactic-400: #959cc1;
--color-intergalactic-500: #7c83ad;
--color-intergalactic-600: #696f92;
--color-intergalactic-700: #545975;
--color-intergalactic-800: #3c4157;
--color-intergalactic-900: #292d3d;
--color-intergalactic-950: #171a26;
}SCSS
$intergalactic: #494e71;
$intergalactic-rgb: 73, 78, 113;
$intergalactic-light: mix(#fff, $intergalactic, 20%);
$intergalactic-dark: mix(#000, $intergalactic, 20%);
.element {
color: $intergalactic;
box-shadow: 0 0 0 2px rgba($intergalactic, 0.35);
}