Màu có tên gần nhất · #83407A
#83407A
Màu có tên gần nhất: Bruise
#83407A (rgb(131 64 122), hsl(308 34% 38%), oklch(0.478 0.12 332.5)) gần nhất với màu có tên Bruise. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#83407A
oklch(0.478 0.12 332.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 905387
- 9C6594
- A977A1
- B68AAE
- C29DBB
- CEB0C8
- DBC3D6
- E7D7E4
- F3EBF1
Sắc đậm
- 713669
- 602D59
- 4F2449
- 3F1B3A
- 2F132B
- 200B1D
- 120510
- 060105
- 010001
Sắc xám
- 83477B
- 844E7C
- 84557C
- 845B7D
- 84627E
- 83687E
- 836E7F
- 82747F
- 817A80
Hòa sắc
Bổ túc +180°
- 83407A
Bruise
- 0C6F3A
≈ Dartmouth Green
Tương đồng -30° +30°
Bộ ba +120° +240°
- 83407A
Bruise
- 705B00
≈ Hot Mustard
- 006979
≈ Teal With It
Bổ túc chia +150° +210°
- 83407A
Bruise
- 526700
≈ Serrano Pepper
- 006C61
≈ Pacific Queen
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.04:1 · APCA Lc 84
Ag
FailTrên nền đen
WCAG 2.97:1 · APCA Lc 18
Màu chữ tốt nhất: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 84
Contrast pairs
Đoạn mã
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);
}