Màu có tên gần nhất · #87393D
#87393D
Màu có tên gần nhất: Wild Berry
#87393D (rgb(135 57 61), hsl(357 41% 38%), oklch(0.451 0.107 19.3)) gần nhất với màu có tên Wild Berry. 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.
#87393D
oklch(0.451 0.107 19.3)
Chuyển đổi màu
- HEX
- #87393d
- RGB
- rgb(135 57 61)
- HSL
- hsl(357 41% 38%)
- HWB
- hwb(357 22% 47%)
- OKLCH
- oklch(0.451 0.107 19.3)
- OKLab
- oklab(0.451 0.101 0.035)
- CIE Lab
- lab(35.22 34.36 14.97)
- LCH
- lch(35.22 37.48 23.5)
- CMYK
- cmyk(0% 58% 55% 47%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 944C4E
- A15F60
- AE7373
- BA8686
- C69999
- D2ADAD
- DDC1C1
- E9D6D5
- F4EAEA
Sắc đậm
- 753034
- 63282B
- 511F22
- 41171A
- 311012
- 21090A
- 130404
- 060101
- 010000
Sắc xám
- 874144
- 88494A
- 885051
- 875757
- 875E5E
- 866565
- 856C6B
- 847372
- 827979
Hòa sắc
Bổ túc +180°
- 87393D
Wild Berry
- 006266
≈ Really Teal
Tương đồng -30° +30°
- 87393D
Wild Berry
- 80395F
≈ Pleasure
- 834015
≈ Gryphonne Sepia Wash
Bộ ba +120° +240°
- 87393D
Wild Berry
- 336325
≈ Gameboy Shade
- 2F5590
≈ B’dazzled Blue
Bổ túc chia +150° +210°
- 87393D
Wild Berry
- 00654D
≈ Green Paw Paw
- 005E7D
≈ Blue Edge
Bộ bốn +90° +180° +270°
- 87393D
Wild Berry
- 5A5900
≈ Greensboro
- 006266
≈ Really Teal
- 55498D
≈ Gigas
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.82:1 · APCA Lc 87
Ag
FailTrên nền đen
WCAG 2.68:1 · APCA Lc 15
Màu chữ tốt nhất: #FFFFFF
WCAG 7.82:1 (AAA) · APCA Lc 87
Contrast pairs
Đoạn mã
CSS
:root {
--wild-berry: #87393d;
--wild-berry-rgb: 135 57 61;
--wild-berry-oklch: oklch(0.451 0.107 19.3);
}
.element {
color: var(--wild-berry);
background-color: hsl(357 41% 38%);
border-color: oklch(0.451 0.107 19.3);
}Tailwind CSS v4
@theme {
--color-wild-berry: #87393d;
--color-wild-berry-50: #ffeae8;
--color-wild-berry-100: #ffdbd8;
--color-wild-berry-200: #ffc3c0;
--color-wild-berry-300: #e9a29f;
--color-wild-berry-400: #d68485;
--color-wild-berry-500: #c36769;
--color-wild-berry-600: #a55759;
--color-wild-berry-700: #844647;
--color-wild-berry-800: #623235;
--color-wild-berry-900: #452224;
--color-wild-berry-950: #2c1113;
}SCSS
$wild-berry: #87393d;
$wild-berry-rgb: 135, 57, 61;
$wild-berry-light: mix(#fff, $wild-berry, 20%);
$wild-berry-dark: mix(#000, $wild-berry, 20%);
.element {
color: $wild-berry;
box-shadow: 0 0 0 2px rgba($wild-berry, 0.35);
}