最も近い色名 · #31335A
#31335A
最も近い色名: Galaxea
#31335A（rgb(49 51 90)、hsl(237 29% 27%)、oklch(0.339 0.068 279.9)）に最も近い色名はGalaxeaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#31335A
oklch(0.339 0.068 279.9)
カラー変換
- HEX
- #31335a
- RGB
- rgb(49 51 90)
- HSL
- hsl(237 29% 27%)
- HWB
- hwb(237 19% 65%)
- OKLCH
- oklch(0.339 0.068 279.9)
- OKLab
- oklab(0.339 0.012 -0.067)
- CIE Lab
- lab(22.57 7.93 -24.08)
- LCH
- lch(22.57 25.35 288.2)
- CMYK
- cmyk(46% 43% 0% 65%)
ティント · シェード · トーン
ティント
- 42456A
- 55587A
- 686B8A
- 7C7F9A
- 9093AA
- A6A8BB
- BBBDCC
- D1D3DD
- E8E9EE
シェード
- 292B4D
- 222341
- 1A1C35
- 131429
- 0C0D1E
- 060713
- 030309
- 010103
- 000000
トーン
- 383B5E
- 3F4262
- 474A66
- 4F516A
- 56596E
- 5F6172
- 676875
- 6F7079
- 77787D
カラーハーモニー
補色 +180°
- 31335A
Galaxea
- 403803
≈ Camouflage
類似色 -30° +30°
- 31335A
Galaxea
- 193A59
≈ Poseidon
- 422D52
≈ Jagger
トライアド +120° +240°
- 31335A
Galaxea
- 552A1B
≈ Boson Brown
- 0E422B
≈ UP Forest Green
スプリットコンプリメンタリー +150° +210°
- 31335A
Galaxea
- 4E3007
≈ Kyoto House
- 2C3E16
≈ Hinterlands Green
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 11.98:1 · APCA Lc 97
Ag
Fail黒の上
WCAG 1.75:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 11.98:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--galaxea: #31335a;
--galaxea-rgb: 49 51 90;
--galaxea-oklch: oklch(0.339 0.068 279.9);
}
.element {
color: var(--galaxea);
background-color: hsl(237 29% 27%);
border-color: oklch(0.339 0.068 279.9);
}Tailwind CSS v4
@theme {
--color-galaxea: #31335a;
--color-galaxea-50: #f1f3ff;
--color-galaxea-100: #e4e6ff;
--color-galaxea-200: #cfd1f1;
--color-galaxea-300: #b1b4da;
--color-galaxea-400: #969bc7;
--color-galaxea-500: #7d81b3;
--color-galaxea-600: #6a6e97;
--color-galaxea-700: #545879;
--color-galaxea-800: #3d405a;
--color-galaxea-900: #2a2c3f;
--color-galaxea-950: #171928;
}SCSS
$galaxea: #31335a;
$galaxea-rgb: 49, 51, 90;
$galaxea-light: mix(#fff, $galaxea, 20%);
$galaxea-dark: mix(#000, $galaxea, 20%);
.element {
color: $galaxea;
box-shadow: 0 0 0 2px rgba($galaxea, 0.35);
}