Màu có tên gần nhất · #803E76
#803E76
Màu có tên gần nhất: Bruise
#803E76 (rgb(128 62 118), hsl(309 35% 37%), oklch(0.469 0.117 333.3)) 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.
#803E76
oklch(0.469 0.117 333.3)
Chuyển đổi màu
- HEX
- #803e76
- RGB
- rgb(128 62 118)
- HSL
- hsl(309 35% 37%)
- HWB
- hwb(309 24% 50%)
- OKLCH
- oklch(0.469 0.117 333.3)
- OKLab
- oklab(0.469 0.105 -0.053)
- CIE Lab
- lab(36.66 34.94 -19.15)
- LCH
- lch(36.66 39.84 331.3)
- CMYK
- cmyk(0% 52% 8% 50%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8D5183
- 9A6390
- A7769E
- B489AB
- C09CB9
- CDAFC7
- DAC3D5
- E6D7E3
- F3EBF1
Sắc đậm
- 6E3566
- 5D2B56
- 4D2347
- 3D1A38
- 2E1229
- 1F0A1C
- 12040F
- 060105
- 010001
Sắc xám
- 814577
- 814C78
- 825379
- 825A7B
- 82607C
- 82677D
- 826D7E
- 81747E
- 817A7F
Hòa sắc
Bổ túc +180°
- 803E76
Bruise
- 076D39
≈ Universal Green
Tương đồng -30° +30°
Bộ ba +120° +240°
- 803E76
Bruise
- 6D5800
≈ Ayahuasca Vine
- 006676
≈ Green Spool
Bổ túc chia +150° +210°
- 803E76
Bruise
- 4E6400
≈ Serrano Pepper
- 00695F
≈ Evergreen Forest
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.32:1 · APCA Lc 85
Ag
FailTrên nền đen
WCAG 2.86:1 · APCA Lc 17
Màu chữ tốt nhất: #FFFFFF
WCAG 7.32:1 (AAA) · APCA Lc 85
Contrast pairs
Đoạn mã
CSS
:root {
--bruise: #803e76;
--bruise-rgb: 128 62 118;
--bruise-oklch: oklch(0.469 0.117 333.3);
}
.element {
color: var(--bruise);
background-color: hsl(309 35% 37%);
border-color: oklch(0.469 0.117 333.3);
}Tailwind CSS v4
@theme {
--color-bruise: #803e76;
--color-bruise-50: #ffe9ff;
--color-bruise-100: #ffdaf7;
--color-bruise-200: #f5c2e8;
--color-bruise-300: #dea1cf;
--color-bruise-400: #c884bc;
--color-bruise-500: #b366a7;
--color-bruise-600: #98578d;
--color-bruise-700: #7a4571;
--color-bruise-800: #593255;
--color-bruise-900: #3e223b;
--color-bruise-950: #271125;
}SCSS
$bruise: #803e76;
$bruise-rgb: 128, 62, 118;
$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);
}