最も近い色名 · #83407A
#83407A
最も近い色名: Bruise
#83407A（rgb(131 64 122)、hsl(308 34% 38%)、oklch(0.478 0.12 332.5)）に最も近い色名はBruiseです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#83407A
oklch(0.478 0.12 332.5)
カラー変換
- HEX
- #83407a
- RGB
- rgb(131 64 122)
- HSL
- hsl(308 34% 38%)
- HWB
- hwb(308 25% 49%)
- OKLCH
- oklch(0.478 0.12 332.5)
- OKLab
- oklab(0.478 0.106 -0.055)
- CIE Lab
- lab(37.67 35.49 -20.03)
- LCH
- lch(37.67 40.75 330.6)
- CMYK
- cmyk(0% 51% 7% 49%)
ティント · シェード · トーン
ティント
- 905387
- 9C6594
- A977A1
- B68AAE
- C29DBB
- CEB0C8
- DBC3D6
- E7D7E4
- F3EBF1
シェード
- 713669
- 602D59
- 4F2449
- 3F1B3A
- 2F132B
- 200B1D
- 120510
- 060105
- 010001
トーン
- 83477B
- 844E7C
- 84557C
- 845B7D
- 84627E
- 83687E
- 836E7F
- 82747F
- 817A80
カラーハーモニー
補色 +180°
- 83407A
Bruise
- 0C6F3A
≈ Dartmouth Green
類似色 -30° +30°
トライアド +120° +240°
- 83407A
Bruise
- 705B00
≈ Hot Mustard
- 006979
≈ Teal With It
スプリットコンプリメンタリー +150° +210°
- 83407A
Bruise
- 526700
≈ Serrano Pepper
- 006C61
≈ Pacific Queen
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.04:1 · APCA Lc 84
Ag
Fail黒の上
WCAG 2.97:1 · APCA Lc 18
最適な文字色: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--bruise: #83407a;
--bruise-rgb: 131 64 122;
--bruise-oklch: oklch(0.478 0.12 332.5);
}
.element {
color: var(--bruise);
background-color: hsl(308 34% 38%);
border-color: oklch(0.478 0.12 332.5);
}Tailwind CSS v4
@theme {
--color-bruise: #83407a;
--color-bruise-50: #ffe9ff;
--color-bruise-100: #ffdaf8;
--color-bruise-200: #f5c2e9;
--color-bruise-300: #dea0d0;
--color-bruise-400: #c883bd;
--color-bruise-500: #b466a8;
--color-bruise-600: #98578e;
--color-bruise-700: #7a4572;
--color-bruise-800: #593256;
--color-bruise-900: #3f223c;
--color-bruise-950: #281125;
}SCSS
$bruise: #83407a;
$bruise-rgb: 131, 64, 122;
$bruise-light: mix(#fff, $bruise, 20%);
$bruise-dark: mix(#000, $bruise, 20%);
.element {
color: $bruise;
box-shadow: 0 0 0 2px rgba($bruise, 0.35);
}