Màu có tên gần nhất · #B75345
#B75345
Màu có tên gần nhất: Conker
#B75345 (rgb(183 83 69), hsl(7 45% 49%), oklch(0.566 0.133 29.9)) gần nhất với màu có tên Conker. 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.
#B75345
oklch(0.566 0.133 29.9)
Chuyển đổi màu
- HEX
- #b75345
- RGB
- rgb(183 83 69)
- HSL
- hsl(7 45% 49%)
- HWB
- hwb(7 27% 28%)
- OKLCH
- oklch(0.566 0.133 29.9)
- OKLab
- oklab(0.566 0.115 0.066)
- CIE Lab
- lab(48.38 40.59 28.71)
- LCH
- lch(48.38 49.72 35.3)
- CMYK
- cmyk(0% 55% 62% 28%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C06557
- C87669
- D1877B
- D8988D
- E0A99F
- E7BAB2
- EDCBC5
- F4DCD8
- F9EEEB
Sắc đậm
- 9F473B
- 873B31
- 703027
- 5A251E
- 451B15
- 31110C
- 1E0805
- 0C0202
- 020000
Sắc xám
- B3594C
- AE5E52
- A96358
- A4685E
- 9F6C64
- 99716A
- 93756F
- 8D7975
- 877C7A
Hòa sắc
Bổ túc +180°
- B75345
Conker
- 008596
≈ Painted Sea
Tương đồng -30° +30°
- B75345
Conker
- B25073
≈ Diva Glam
- AD6000
≈ Orange Brown
Bộ ba +120° +240°
- B75345
Conker
- 2C8B49
≈ St. Patrick
- 5870C4
≈ Indigo Light
Bổ túc chia +150° +210°
- B75345
Conker
- 008978
≈ Emerald Enchantment
- 007EBA
≈ Meissen Blue
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.84:1 · APCA Lc 73
Ag
FailTrên nền đen
WCAG 4.33:1 · APCA Lc 29
Màu chữ tốt nhất: #FFFFFF
WCAG 4.84:1 (AA) · APCA Lc 73
Contrast pairs
Đoạn mã
CSS
:root {
--conker: #b75345;
--conker-rgb: 183 83 69;
--conker-oklch: oklch(0.566 0.133 29.9);
}
.element {
color: var(--conker);
background-color: hsl(7 45% 49%);
border-color: oklch(0.566 0.133 29.9);
}Tailwind CSS v4
@theme {
--color-conker: #b75345;
--color-conker-50: #ffe8de;
--color-conker-100: #ffd8cd;
--color-conker-200: #ffc0b1;
--color-conker-300: #f39e8d;
--color-conker-400: #e27e6f;
--color-conker-500: #cf5f4f;
--color-conker-600: #af5143;
--color-conker-700: #8d4036;
--color-conker-800: #692e27;
--color-conker-900: #4a1f1a;
--color-conker-950: #300e0b;
}SCSS
$conker: #b75345;
$conker-rgb: 183, 83, 69;
$conker-light: mix(#fff, $conker, 20%);
$conker-dark: mix(#000, $conker, 20%);
.element {
color: $conker;
box-shadow: 0 0 0 2px rgba($conker, 0.35);
}