最も近い色名 · #7A4EA8
#7A4EA8
最も近い色名: Royal Lavender
#7A4EA8（rgb(122 78 168)、hsl(269 37% 48%)、oklch(0.514 0.142 304.5)）に最も近い色名はRoyal Lavenderです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#7A4EA8
oklch(0.514 0.142 304.5)
カラー変換
- HEX
- #7a4ea8
- RGB
- rgb(122 78 168)
- HSL
- hsl(269 37% 48%)
- HWB
- hwb(269 31% 34%)
- OKLCH
- oklch(0.514 0.142 304.5)
- OKLab
- oklab(0.514 0.08 -0.117)
- CIE Lab
- lab(41.48 32.74 -42)
- LCH
- lch(41.48 53.25 307.9)
- CMYK
- cmyk(27% 54% 0% 34%)
ティント · シェード · トーン
ティント
- 8660B1
- 9371BB
- A083C4
- AD94CC
- BAA5D5
- C7B7DE
- D5C9E6
- E3DBEF
- F1EDF7
シェード
- 694392
- 59387C
- 492D67
- 3A2352
- 2B193F
- 1D0F2C
- 10071A
- 05020A
- 010001
トーン
- 7B54A5
- 7B5AA1
- 7C5F9D
- 7C6499
- 7D6996
- 7D6E92
- 7E738D
- 7F7789
- 7F7C85
カラーハーモニー
補色 +180°
- 7A4EA8
Royal Lavender
- 577300
≈ Over the Hills
類似色 -30° +30°
- 7A4EA8
Royal Lavender
- 505DB7
≈ Chinese Bellflower
- 964288
≈ Plum Pie
トライアド +120° +240°
- 7A4EA8
Royal Lavender
- 945600
≈ Charlie Brown
- 00786E
≈ Pond Moss
スプリットコンプリメンタリー +150° +210°
- 7A4EA8
Royal Lavender
- 7B6500
≈ Arousing Alligator
- 007C44
≈ Tokiwa Green
テトラード +90° +180° +270°
- 7A4EA8
Royal Lavender
- A94129
≈ Chocolate Chilli
- 577300
≈ Over the Hills
- 007487
≈ Glamour Green
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.02:1 · APCA Lc 80
Ag
Fail黒の上
WCAG 3.48:1 · APCA Lc 22
最適な文字色: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--royal-lavender: #7a4ea8;
--royal-lavender-rgb: 122 78 168;
--royal-lavender-oklch: oklch(0.514 0.142 304.5);
}
.element {
color: var(--royal-lavender);
background-color: hsl(269 37% 48%);
border-color: oklch(0.514 0.142 304.5);
}Tailwind CSS v4
@theme {
--color-royal-lavender: #7a4ea8;
--color-royal-lavender-50: #ffebff;
--color-royal-lavender-100: #f4dcff;
--color-royal-lavender-200: #e4c5ff;
--color-royal-lavender-300: #caa4f1;
--color-royal-lavender-400: #b188e2;
--color-royal-lavender-500: #9c6ad1;
--color-royal-lavender-600: #845ab0;
--color-royal-lavender-700: #69488e;
--color-royal-lavender-800: #4c346b;
--color-royal-lavender-900: #35244b;
--color-royal-lavender-950: #201231;
}SCSS
$royal-lavender: #7a4ea8;
$royal-lavender-rgb: 122, 78, 168;
$royal-lavender-light: mix(#fff, $royal-lavender, 20%);
$royal-lavender-dark: mix(#000, $royal-lavender, 20%);
.element {
color: $royal-lavender;
box-shadow: 0 0 0 2px rgba($royal-lavender, 0.35);
}