最も近い色名 · #4B29B5
#4B29B5
最も近い色名: Royalty
#4B29B5（rgb(75 41 181)、hsl(255 63% 44%)、oklch(0.423 0.203 284.8)）に最も近い色名はRoyaltyです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#4B29B5
oklch(0.423 0.203 284.8)
カラー変換
- HEX
- #4b29b5
- RGB
- rgb(75 41 181)
- HSL
- hsl(255 63% 44%)
- HWB
- hwb(255 16% 29%)
- OKLCH
- oklch(0.423 0.203 284.8)
- OKLab
- oklab(0.423 0.052 -0.196)
- CIE Lab
- lab(29.3 43.75 -69.71)
- LCH
- lch(29.3 82.3 302.1)
- CMYK
- cmyk(59% 77% 0% 29%)
ティント · シェード · トーン
ティント
- 5844BE
- 675BC7
- 7870CF
- 8985D8
- 9B99DF
- AEADE6
- C1C2ED
- D5D6F4
- EAEAFA
シェード
- 40229D
- 351C86
- 2B156F
- 210F59
- 170944
- 0E0530
- 06021D
- 02010C
- 000002
トーン
- 4E37B1
- 5242AC
- 574CA8
- 5B55A3
- 615D9E
- 666599
- 6C6C93
- 73738D
- 797A87
カラーハーモニー
補色 +180°
- 4B29B5
Royalty
- 565000
≈ Scorzonera Brown
類似色 -30° +30°
- 4B29B5
Royalty
- 004C97
≈ Freshwater Lake
- 750897
≈ Chinese Purple
トライアド +120° +240°
- 4B29B5
Royalty
- 813200
≈ Coffee Addiction
- 005D41
≈ Sci-Fi Takeout
スプリットコンプリメンタリー +150° +210°
- 4B29B5
Royalty
- 6A4500
≈ Violin Brown
- 2D5C00
≈ Lincoln Green
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.19:1 · APCA Lc 90
Ag
Fail黒の上
WCAG 2.28:1 · APCA Lc 12
最適な文字色: #FFFFFF
WCAG 9.19:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--royalty: #4b29b5;
--royalty-rgb: 75 41 181;
--royalty-oklch: oklch(0.423 0.203 284.8);
}
.element {
color: var(--royalty);
background-color: hsl(255 63% 44%);
border-color: oklch(0.423 0.203 284.8);
}Tailwind CSS v4
@theme {
--color-royalty: #4b29b5;
--color-royalty-50: #f0edff;
--color-royalty-100: #e2deff;
--color-royalty-200: #cec7ff;
--color-royalty-300: #b1a5ff;
--color-royalty-400: #9587ff;
--color-royalty-500: #7e66ff;
--color-royalty-600: #6b57db;
--color-royalty-700: #5546b0;
--color-royalty-800: #3c3385;
--color-royalty-900: #29235e;
--color-royalty-950: #171140;
}SCSS
$royalty: #4b29b5;
$royalty-rgb: 75, 41, 181;
$royalty-light: mix(#fff, $royalty, 20%);
$royalty-dark: mix(#000, $royalty, 20%);
.element {
color: $royalty;
box-shadow: 0 0 0 2px rgba($royalty, 0.35);
}