最も近い色名 · #3E1B99
#3E1B99
最も近い色名: Gentian Blue
#3E1B99（rgb(62 27 153)、hsl(257 70% 35%)、oklch(0.367 0.185 285.5)）に最も近い色名はGentian Blueです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#3E1B99
oklch(0.367 0.185 285.5)
カラー変換
- HEX
- #3e1b99
- RGB
- rgb(62 27 153)
- HSL
- hsl(257 70% 35%)
- HWB
- hwb(257 11% 40%)
- OKLCH
- oklch(0.367 0.185 285.5)
- OKLab
- oklab(0.367 0.049 -0.178)
- CIE Lab
- lab(22.96 41.44 -63.33)
- LCH
- lch(22.96 75.68 303.2)
- CMYK
- cmyk(59% 82% 0% 40%)
ティント · シェード · トーン
ティント
- 4C38A5
- 5C50B0
- 6E66BB
- 807CC6
- 9491D0
- A8A7DA
- BDBCE4
- D2D2ED
- E8E9F6
シェード
- 351684
- 2B1170
- 230C5D
- 1A084A
- 120538
- 0A0227
- 040117
- 010008
- 000001
トーン
- 422B98
- 473896
- 4D4395
- 534D93
- 5A5690
- 615F8E
- 68678B
- 707088
- 787884
カラーハーモニー
補色 +180°
- 3E1B99
Gentian Blue
- 454100
≈ Green Not Found
類似色 -30° +30°
- 3E1B99
Gentian Blue
- 003D7D
≈ Bracing Blue
- 61007D
≈ Zeus Purple
トライアド +120° +240°
- 3E1B99
Gentian Blue
- 692800
≈ Centipede Brown
- 004B35
≈ Chrysocolla Dark Green
スプリットコンプリメンタリー +150° +210°
- 3E1B99
Gentian Blue
- 563800
≈ Pineapple
- 224B00
≈ Kabocha Green
テトラード +90° +180° +270°
- 3E1B99
Gentian Blue
- 790024
≈ Evil Forces
- 454100
≈ Green Not Found
- 004949
≈ Deep Into the Jungle
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 11.52:1 · APCA Lc 95
Ag
Fail黒の上
WCAG 1.82:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 11.52:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--gentian-blue: #3e1b99;
--gentian-blue-rgb: 62 27 153;
--gentian-blue-oklch: oklch(0.367 0.185 285.5);
}
.element {
color: var(--gentian-blue);
background-color: hsl(257 70% 35%);
border-color: oklch(0.367 0.185 285.5);
}Tailwind CSS v4
@theme {
--color-gentian-blue: #3e1b99;
--color-gentian-blue-50: #f1eeff;
--color-gentian-blue-100: #e4dfff;
--color-gentian-blue-200: #cfc8ff;
--color-gentian-blue-300: #b3a7ff;
--color-gentian-blue-400: #968aff;
--color-gentian-blue-500: #806bf9;
--color-gentian-blue-600: #6c5bd2;
--color-gentian-blue-700: #5649a9;
--color-gentian-blue-800: #3c357f;
--color-gentian-blue-900: #29245a;
--color-gentian-blue-950: #18123d;
}SCSS
$gentian-blue: #3e1b99;
$gentian-blue-rgb: 62, 27, 153;
$gentian-blue-light: mix(#fff, $gentian-blue, 20%);
$gentian-blue-dark: mix(#000, $gentian-blue, 20%);
.element {
color: $gentian-blue;
box-shadow: 0 0 0 2px rgba($gentian-blue, 0.35);
}