Màu có tên gần nhất · #BB6348
#BB6348
Màu có tên gần nhất: Bruschetta
#BB6348 (rgb(187 99 72), hsl(14 46% 51%), oklch(0.597 0.12 37.8)) gần nhất với màu có tên Bruschetta. 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.
#BB6348
oklch(0.597 0.12 37.8)
Chuyển đổi màu
- HEX
- #bb6348
- RGB
- rgb(187 99 72)
- HSL
- hsl(14 46% 51%)
- HWB
- hwb(14 28% 27%)
- OKLCH
- oklch(0.597 0.12 37.8)
- OKLab
- oklab(0.597 0.095 0.074)
- CIE Lab
- lab(52.28 34.41 31.85)
- LCH
- lch(52.28 46.89 42.8)
- CMYK
- cmyk(0% 47% 61% 27%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C3735A
- CB826C
- D2927E
- DAA190
- E1B1A2
- E7C0B4
- EED0C6
- F4DFD9
- F9EFEC
Sắc đậm
- A2553D
- 8A4733
- 733A29
- 5C2E1F
- 462116
- 32160D
- 1F0B06
- 0D0302
- 020000
Sắc xám
- B6674E
- B16A55
- AB6D5B
- A67160
- A07466
- 9A766B
- 947971
- 8E7B76
- 877E7B
Hòa sắc
Bổ túc +180°
- BB6348
Bruschetta
- 008EA9
≈ Quintana
Tương đồng -30° +30°
- BB6348
Bruschetta
- BA5E72
≈ Candied Apple
- AE701D
≈ Caramel
Bộ ba +120° +240°
- BB6348
Bruschetta
- 2F9463
≈ Eucalyptus
- 6F77C6
≈ Kickstart Purple
Bổ túc chia +150° +210°
- BB6348
Bruschetta
- 00938A
≈ Torrid Turquoise
- 3C84C3
≈ King Triton
Bộ bốn +90° +180° +270°
- BB6348
Bruschetta
- 6B8C37
≈ Gǎn Lǎn Lǜ Green
- 008EA9
≈ Quintana
- 936AB6
≈ Viola
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.20:1 · APCA Lc 69
Ag
AATrên nền đen
WCAG 4.99:1 · APCA Lc 33
Màu chữ tốt nhất: #000000
WCAG 4.99:1 (AA) · APCA Lc 33
Contrast pairs
Đoạn mã
CSS
:root {
--bruschetta: #bb6348;
--bruschetta-rgb: 187 99 72;
--bruschetta-oklch: oklch(0.597 0.12 37.8);
}
.element {
color: var(--bruschetta);
background-color: hsl(14 46% 51%);
border-color: oklch(0.597 0.12 37.8);
}Tailwind CSS v4
@theme {
--color-bruschetta: #bb6348;
--color-bruschetta-50: #ffeadc;
--color-bruschetta-100: #ffdbca;
--color-bruschetta-200: #ffc4ae;
--color-bruschetta-300: #eda289;
--color-bruschetta-400: #db8469;
--color-bruschetta-500: #c86648;
--color-bruschetta-600: #a9573e;
--color-bruschetta-700: #884531;
--color-bruschetta-800: #653124;
--color-bruschetta-900: #472218;
--color-bruschetta-950: #2e1009;
}SCSS
$bruschetta: #bb6348;
$bruschetta-rgb: 187, 99, 72;
$bruschetta-light: mix(#fff, $bruschetta, 20%);
$bruschetta-dark: mix(#000, $bruschetta, 20%);
.element {
color: $bruschetta;
box-shadow: 0 0 0 2px rgba($bruschetta, 0.35);
}