最も近い色名 · #7A6297
#7A6297
最も近い色名: Scampi
#7A6297（rgb(122 98 151)、hsl(267 21% 49%)、oklch(0.541 0.085 304.5)）に最も近い色名はScampiです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#7A6297
oklch(0.541 0.085 304.5)
カラー変換
- HEX
- #7a6297
- RGB
- rgb(122 98 151)
- HSL
- hsl(267 21% 49%)
- HWB
- hwb(267 38% 41%)
- OKLCH
- oklch(0.541 0.085 304.5)
- OKLab
- oklab(0.541 0.048 -0.07)
- CIE Lab
- lab(45.58 18.28 -25.52)
- LCH
- lch(45.58 31.39 305.6)
- CMYK
- cmyk(19% 35% 0% 41%)
ティント · シェード · トーン
ティント
- 8671A1
- 9380AC
- A08FB6
- AD9EC0
- BAAECB
- C8BED5
- D5CEE0
- E3DEEA
- F1EEF5
シェード
- 695483
- 59476F
- 493A5C
- 3A2D49
- 2B2137
- 1D1626
- 100B17
- 050308
- 010001
トーン
- 7B6595
- 7B6893
- 7C6B91
- 7C6F8E
- 7D728C
- 7E748A
- 7E7788
- 7F7A85
- 7F7D83
カラーハーモニー
補色 +180°
- 7A6297
Scampi
- 64773E
≈ Ghoul
類似色 -30° +30°
- 7A6297
Scampi
- 606BA0
≈ Dusted Peri
- 8D5C83
≈ Antique Fuchsia
トライアド +120° +240°
- 7A6297
Scampi
- 916436
≈ Oregon Hazel
- 227F75
≈ Elegant Silk
スプリットコンプリメンタリー +150° +210°
- 7A6297
Scampi
- 7F6E2F
≈ Tarnished Brass
- 437D58
≈ Rokushō Green
テトラード +90° +180° +270°
- 7A6297
Scampi
- 9A5C4D
≈ Red Potato
- 64773E
≈ Ghoul
- 227B8D
≈ Bermuda
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.22:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 4.02:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--scampi: #7a6297;
--scampi-rgb: 122 98 151;
--scampi-oklch: oklch(0.541 0.085 304.5);
}
.element {
color: var(--scampi);
background-color: hsl(267 21% 49%);
border-color: oklch(0.541 0.085 304.5);
}Tailwind CSS v4
@theme {
--color-scampi: #7a6297;
--color-scampi-50: #fbefff;
--color-scampi-100: #efe1ff;
--color-scampi-200: #ddcbf2;
--color-scampi-300: #c2adda;
--color-scampi-400: #aa92c7;
--color-scampi-500: #9378b4;
--color-scampi-600: #7c6598;
--color-scampi-700: #63517a;
--color-scampi-800: #483b5b;
--color-scampi-900: #322940;
--color-scampi-950: #1e1628;
}SCSS
$scampi: #7a6297;
$scampi-rgb: 122, 98, 151;
$scampi-light: mix(#fff, $scampi, 20%);
$scampi-dark: mix(#000, $scampi, 20%);
.element {
color: $scampi;
box-shadow: 0 0 0 2px rgba($scampi, 0.35);
}