이름 색상 · #A35732
Tense Terracotta
Tense Terracotta은(는) #A35732: rgb(163 87 50), hsl(20 53% 42%), oklch(0.54 0.112 45.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Tense Terracotta color name →
#A35732
oklch(0.54 0.112 45.4)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- AD6847
- B7785B
- C1886F
- CA9983
- D4AA97
- DDBAAB
- E6CBC0
- EEDCD5
- F7EEEA
셰이드
- 8D4B2A
- 783E22
- 63331B
- 4F2714
- 3C1C0D
- 2A1207
- 190803
- 0A0301
- 010000
톤
- A05C3B
- 9D6044
- 9A654C
- 976954
- 946D5C
- 907163
- 8D756B
- 897972
- 847C79
색 조화
보색 +180°
- A35732
Tense Terracotta
- 007A9B
≈ Sea Sight
유사색 -30° +30°
- A35732
Tense Terracotta
- A55059
≈ Cranberry Jam
- 946404
≈ Gamboge Brown
삼각 배색 +120° +240°
- A35732
Tense Terracotta
- 03835F
≈ Shadows of Time
- 6964AD
≈ Blue Iris
분열 보색 +150° +210°
- A35732
Tense Terracotta
- 007F7F
≈ Teal
- 3F70AF
≈ Wide Sky
사각 배색 +90° +180° +270°
- A35732
Tense Terracotta
- 507D36
≈ Luscious Lemongrass
- 007A9B
≈ Sea Sight
- 87599B
≈ Sonic Plum
대비 및 접근성
Ag
AA흰색 위
WCAG 5.29:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 3.96:1 · APCA Lc 26
가장 좋은 글자색: #FFFFFF
WCAG 5.29:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
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);
}