Adlandırılmış renk · #A35732
Tense Terracotta
Tense Terracotta, #A35732: rgb(163 87 50), hsl(20 53% 42%), oklch(0.54 0.112 45.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Tense Terracotta color name →
#A35732
oklch(0.54 0.112 45.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AD6847
- B7785B
- C1886F
- CA9983
- D4AA97
- DDBAAB
- E6CBC0
- EEDCD5
- F7EEEA
Koyu tonlar
- 8D4B2A
- 783E22
- 63331B
- 4F2714
- 3C1C0D
- 2A1207
- 190803
- 0A0301
- 010000
Gri tonlar
- A05C3B
- 9D6044
- 9A654C
- 976954
- 946D5C
- 907163
- 8D756B
- 897972
- 847C79
Renk uyumları
Tamamlayıcı +180°
- A35732
Tense Terracotta
- 007A9B
≈ Sea Sight
Analog -30° +30°
- A35732
Tense Terracotta
- A55059
≈ Cranberry Jam
- 946404
≈ Gamboge Brown
Üçlü +120° +240°
- A35732
Tense Terracotta
- 03835F
≈ Shadows of Time
- 6964AD
≈ Blue Iris
Bölünmüş tamamlayıcı +150° +210°
- A35732
Tense Terracotta
- 007F7F
≈ Teal
- 3F70AF
≈ Wide Sky
Dörtlü +90° +180° +270°
- A35732
Tense Terracotta
- 507D36
≈ Luscious Lemongrass
- 007A9B
≈ Sea Sight
- 87599B
≈ Sonic Plum
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.29:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 3.96:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.29:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
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);
}