最も近い色名 · #4B296F
#4B296F
最も近い色名: Mystic Nights
#4B296F（rgb(75 41 111)、hsl(269 46% 30%)、oklch(0.362 0.118 303.4)）に最も近い色名はMystic Nightsです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#4B296F
oklch(0.362 0.118 303.4)
カラー変換
- HEX
- #4b296f
- RGB
- rgb(75 41 111)
- HSL
- hsl(269 46% 30%)
- HWB
- hwb(269 16% 56%)
- OKLCH
- oklch(0.362 0.118 303.4)
- OKLab
- oklab(0.362 0.065 -0.098)
- CIE Lab
- lab(24.06 27.6 -35.12)
- LCH
- lch(24.06 44.67 308.2)
- CMYK
- cmyk(32% 63% 0% 56%)
ティント · シェード · トーン
ティント
- 5B3E7D
- 6B528C
- 7C669A
- 8E7BA9
- A090B7
- B2A5C5
- C5BBD4
- D8D2E2
- EBE8F1
シェード
- 402260
- 351C51
- 2B1542
- 210F34
- 170927
- 0E051A
- 06020E
- 020104
- 000001
トーン
- 503371
- 553C74
- 5A4576
- 5F4D78
- 655679
- 6A5E7B
- 6F677D
- 756F7E
- 7A787F
カラーハーモニー
補色 +180°
- 4B296F
Mystic Nights
- 354500
≈ Garden Shadow
類似色 -30° +30°
- 4B296F
Mystic Nights
- 2B357A
≈ Ballpoint Indigo
- 601F57
≈ Purple Velour
トライアド +120° +240°
- 4B296F
Mystic Nights
- 5B3200
≈ Eyelash Camel
- 004841
≈ Tropical Forest
スプリットコンプリメンタリー +150° +210°
- 4B296F
Mystic Nights
- 4B3C00
≈ Xanthophobia
- 004B25
≈ Pine Green
テトラード +90° +180° +270°
- 4B296F
Mystic Nights
- 6E1D0C
≈ Prune
- 354500
≈ Garden Shadow
- 004651
≈ Midnight Green
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 11.37:1 · APCA Lc 96
Ag
Fail黒の上
WCAG 1.84:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 11.37:1 (AAA) · APCA Lc 96
Contrast pairs
コードスニペット
CSS
:root {
--mystic-nights: #4b296f;
--mystic-nights-rgb: 75 41 111;
--mystic-nights-oklch: oklch(0.362 0.118 303.4);
}
.element {
color: var(--mystic-nights);
background-color: hsl(269 46% 30%);
border-color: oklch(0.362 0.118 303.4);
}Tailwind CSS v4
@theme {
--color-mystic-nights: #4b296f;
--color-mystic-nights-50: #fdedff;
--color-mystic-nights-100: #f1dfff;
--color-mystic-nights-200: #e0c8fd;
--color-mystic-nights-300: #c6a8e8;
--color-mystic-nights-400: #ad8dd7;
--color-mystic-nights-500: #9771c6;
--color-mystic-nights-600: #7f60a7;
--color-mystic-nights-700: #664c86;
--color-mystic-nights-800: #4a3864;
--color-mystic-nights-900: #332646;
--color-mystic-nights-950: #1f142e;
}SCSS
$mystic-nights: #4b296f;
$mystic-nights-rgb: 75, 41, 111;
$mystic-nights-light: mix(#fff, $mystic-nights, 20%);
$mystic-nights-dark: mix(#000, $mystic-nights, 20%);
.element {
color: $mystic-nights;
box-shadow: 0 0 0 2px rgba($mystic-nights, 0.35);
}