Màu có tên · #A35732
Tense Terracotta
Tense Terracotta là #A35732: rgb(163 87 50), hsl(20 53% 42%), oklch(0.54 0.112 45.4). 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.
What does Brown mean? → · Tense Terracotta color name →
#A35732
oklch(0.54 0.112 45.4)
Chuyển đổi màu
- HEX
- #a35732
- RGB
- rgb(163 87 50)
- HSL
- hsl(20 53% 42%)
- HWB
- hwb(20 20% 36%)
- OKLCH
- oklch(0.54 0.112 45.4)
- OKLab
- oklab(0.54 0.079 0.08)
- CIE Lab
- lab(45.87 29.76 35.54)
- LCH
- lch(45.87 46.35 50.1)
- CMYK
- cmyk(0% 47% 69% 36%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- AD6847
- B7785B
- C1886F
- CA9983
- D4AA97
- DDBAAB
- E6CBC0
- EEDCD5
- F7EEEA
Sắc đậm
- 8D4B2A
- 783E22
- 63331B
- 4F2714
- 3C1C0D
- 2A1207
- 190803
- 0A0301
- 010000
Sắc xám
- A05C3B
- 9D6044
- 9A654C
- 976954
- 946D5C
- 907163
- 8D756B
- 897972
- 847C79
Hòa sắc
Bổ túc +180°
- A35732
Tense Terracotta
- 007A9B
≈ Sea Sight
Tương đồng -30° +30°
- A35732
Tense Terracotta
- A55059
≈ Cranberry Jam
- 946404
≈ Gamboge Brown
Bộ ba +120° +240°
- A35732
Tense Terracotta
- 03835F
≈ Shadows of Time
- 6964AD
≈ Blue Iris
Bổ túc chia +150° +210°
- A35732
Tense Terracotta
- 007F7F
≈ Teal
- 3F70AF
≈ Wide Sky
Bộ bốn +90° +180° +270°
- A35732
Tense Terracotta
- 507D36
≈ Luscious Lemongrass
- 007A9B
≈ Sea Sight
- 87599B
≈ Sonic Plum
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.29:1 · APCA Lc 76
Ag
FailTrên nền đen
WCAG 3.96:1 · APCA Lc 26
Màu chữ tốt nhất: #FFFFFF
WCAG 5.29:1 (AA) · APCA Lc 76
Contrast pairs
Đoạn mã
CSS
:root {
--tense-terracotta: #a35732;
--tense-terracotta-rgb: 163 87 50;
--tense-terracotta-oklch: oklch(0.54 0.112 45.4);
}
.element {
color: var(--tense-terracotta);
background-color: hsl(20 53% 42%);
border-color: oklch(0.54 0.112 45.4);
}Tailwind CSS v4
@theme {
--color-tense-terracotta: #a35732;
--color-tense-terracotta-50: #ffecda;
--color-tense-terracotta-100: #ffddc8;
--color-tense-terracotta-200: #fdc6ab;
--color-tense-terracotta-300: #e8a685;
--color-tense-terracotta-400: #d58965;
--color-tense-terracotta-500: #c26c42;
--color-tense-terracotta-600: #a45c39;
--color-tense-terracotta-700: #84492d;
--color-tense-terracotta-800: #623421;
--color-tense-terracotta-900: #452415;
--color-tense-terracotta-950: #2c1207;
}SCSS
$tense-terracotta: #a35732;
$tense-terracotta-rgb: 163, 87, 50;
$tense-terracotta-light: mix(#fff, $tense-terracotta, 20%);
$tense-terracotta-dark: mix(#000, $tense-terracotta, 20%);
.element {
color: $tense-terracotta;
box-shadow: 0 0 0 2px rgba($tense-terracotta, 0.35);
}