最も近い色名 · #796295
#796295
最も近い色名: Scampi
#796295（rgb(121 98 149)、hsl(267 21% 48%)、oklch(0.539 0.082 304.5)）に最も近い色名はScampiです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#796295
oklch(0.539 0.082 304.5)
カラー変換
- HEX
- #796295
- RGB
- rgb(121 98 149)
- HSL
- hsl(267 21% 48%)
- HWB
- hwb(267 38% 42%)
- OKLCH
- oklch(0.539 0.082 304.5)
- OKLab
- oklab(0.539 0.046 -0.068)
- CIE Lab
- lab(45.4 17.56 -24.62)
- LCH
- lch(45.4 30.24 305.5)
- CMYK
- cmyk(19% 34% 0% 42%)
ティント · シェード · トーン
ティント
- 8671A0
- 9280AA
- 9F8FB5
- AC9EBF
- BAAECA
- C7BED4
- D5CEDF
- E3DEEA
- F1EEF4
シェード
- 685481
- 58476D
- 483A5A
- 392D48
- 2B2137
- 1D1626
- 100B16
- 050308
- 010001
トーン
- 7A6593
- 7A6891
- 7B6B8F
- 7C6E8D
- 7C718B
- 7D7489
- 7E7787
- 7F7A85
- 7F7D82
カラーハーモニー
補色 +180°
- 796295
Scampi
- 647740
≈ Ghoul
類似色 -30° +30°
- 796295
Scampi
- 606A9E
≈ Dark Horizon
- 8C5C82
≈ Antique Fuchsia
トライアド +120° +240°
- 796295
Scampi
- 8F6438
≈ Oregon Hazel
- 277E74
≈ Elegant Silk
スプリットコンプリメンタリー +150° +210°
- 796295
Scampi
- 7E6E32
≈ Time Honoured
- 457C59
≈ Rokushō Green
テトラード +90° +180° +270°
- 796295
Scampi
- 985C4E
≈ Red Potato
- 647740
≈ Ghoul
- 267A8C
≈ Bermuda
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.25:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 3.99:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--scampi: #796295;
--scampi-rgb: 121 98 149;
--scampi-oklch: oklch(0.539 0.082 304.5);
}
.element {
color: var(--scampi);
background-color: hsl(267 21% 48%);
border-color: oklch(0.539 0.082 304.5);
}Tailwind CSS v4
@theme {
--color-scampi: #796295;
--color-scampi-50: #fbf0ff;
--color-scampi-100: #efe1fe;
--color-scampi-200: #ddccf1;
--color-scampi-300: #c2add9;
--color-scampi-400: #a993c6;
--color-scampi-500: #9278b2;
--color-scampi-600: #7c6697;
--color-scampi-700: #635179;
--color-scampi-800: #483b5a;
--color-scampi-900: #32293f;
--color-scampi-950: #1e1728;
}SCSS
$scampi: #796295;
$scampi-rgb: 121, 98, 149;
$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);
}