이름 색상 · #73544D
Terrace Brown
Terrace Brown은(는) #73544D: rgb(115 84 77), hsl(11 20% 38%), oklch(0.477 0.043 33.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Terrace Brown color name →
#73544D
oklch(0.477 0.043 33.1)
색상 변환
- HEX
- #73544d
- RGB
- rgb(115 84 77)
- HSL
- hsl(11 20% 38%)
- HWB
- hwb(11 30% 55%)
- OKLCH
- oklch(0.477 0.043 33.1)
- OKLab
- oklab(0.477 0.036 0.024)
- CIE Lab
- lab(38.93 12.52 9.42)
- LCH
- lch(38.93 15.67 37)
- CMYK
- cmyk(0% 27% 33% 55%)
틴트 · 셰이드 · 톤
틴트
- 80645D
- 8E746E
- 9C847F
- AA9590
- B7A6A2
- C6B7B4
- D4C9C6
- E2DAD9
- F0EDEC
셰이드
- 634842
- 543C37
- 45312C
- 362622
- 281B18
- 1B110F
- 0F0807
- 050202
- 010000
톤
- 755852
- 765D57
- 77615C
- 796661
- 7A6A66
- 7B6E6B
- 7D7370
- 7E7776
- 7F7C7B
색 조화
보색 +180°
- 73544D
Terrace Brown
- 3F636B
≈ Smock Blue
유사색 -30° +30°
- 73544D
Terrace Brown
- 72535A
≈ Ruby Grey
- 6E5843
≈ Tobacco Brown
삼각 배색 +120° +240°
- 73544D
Terrace Brown
- 4A6451
≈ Cucumber Green
- 545B75
≈ Nightshadow Blue
분열 보색 +150° +210°
- 73544D
Terrace Brown
- 40655F
≈ Moor Pond Green
- 476073
≈ Eclipse Blue
사각 배색 +90° +180° +270°
- 73544D
Terrace Brown
- 586146
≈ Boughs of Pine
- 3F636B
≈ Smock Blue
- 615771
≈ Orchid Grey
대비 및 접근성
Ag
AA흰색 위
WCAG 6.76:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.10:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.76:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--terrace-brown: #73544d;
--terrace-brown-rgb: 115 84 77;
--terrace-brown-oklch: oklch(0.477 0.043 33.1);
}
.element {
color: var(--terrace-brown);
background-color: hsl(11 20% 38%);
border-color: oklch(0.477 0.043 33.1);
}Tailwind CSS v4
@theme {
--color-terrace-brown: #73544d;
--color-terrace-brown-50: #fff1ed;
--color-terrace-brown-100: #f6e3de;
--color-terrace-brown-200: #e6cec8;
--color-terrace-brown-300: #ccb0a9;
--color-terrace-brown-400: #b7968e;
--color-terrace-brown-500: #a17c74;
--color-terrace-brown-600: #886962;
--color-terrace-brown-700: #6d544e;
--color-terrace-brown-800: #503d39;
--color-terrace-brown-900: #382a27;
--color-terrace-brown-950: #221815;
}SCSS
$terrace-brown: #73544d;
$terrace-brown-rgb: 115, 84, 77;
$terrace-brown-light: mix(#fff, $terrace-brown, 20%);
$terrace-brown-dark: mix(#000, $terrace-brown, 20%);
.element {
color: $terrace-brown;
box-shadow: 0 0 0 2px rgba($terrace-brown, 0.35);
}