이름 색상 · #794840
Texas Sweet Tea
Texas Sweet Tea은(는) #794840: rgb(121 72 64), hsl(8 31% 36%), oklch(0.457 0.069 30). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Texas Sweet Tea color name →
#794840
oklch(0.457 0.069 30)
색상 변환
- HEX
- #794840
- RGB
- rgb(121 72 64)
- HSL
- hsl(8 31% 36%)
- HWB
- hwb(8 25% 53%)
- OKLCH
- oklch(0.457 0.069 30)
- OKLab
- oklab(0.457 0.06 0.034)
- CIE Lab
- lab(36.39 20.79 14.16)
- LCH
- lch(36.39 25.15 34.3)
- CMYK
- cmyk(0% 40% 47% 53%)
틴트 · 셰이드 · 톤
틴트
- 865951
- 946A63
- A17C75
- AF8E88
- BCA09B
- C9B2AE
- D7C5C2
- E4D8D6
- F2EBEA
셰이드
- 683D36
- 58332D
- 482924
- 391F1B
- 2B1613
- 1D0D0B
- 100605
- 050201
- 010000
톤
- 7A4E46
- 7B534D
- 7C5953
- 7D5F59
- 7E6460
- 7F6A66
- 7F6F6C
- 807573
- 807A79
색 조화
보색 +180°
- 794840
Texas Sweet Tea
- 1B616C
≈ Excellence
유사색 -30° +30°
- 794840
Texas Sweet Tea
- 774656
≈ Deep Carmine
- 734E2E
≈ Chocolate Rain
삼각 배색 +120° +240°
- 794840
Texas Sweet Tea
- 3A6242
≈ Cupidity
- 48557E
≈ Mozart
분열 보색 +150° +210°
- 794840
Texas Sweet Tea
- 216459
≈ Humboldt Redwoods
- 305C7A
≈ Nautical Creatures
사각 배색 +90° +180° +270°
- 794840
Texas Sweet Tea
- 525D2F
≈ Saratoga
- 1B616C
≈ Excellence
- 5D4E78
≈ Imperial Palace
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.46:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.81:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 7.46:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--texas-sweet-tea: #794840;
--texas-sweet-tea-rgb: 121 72 64;
--texas-sweet-tea-oklch: oklch(0.457 0.069 30);
}
.element {
color: var(--texas-sweet-tea);
background-color: hsl(8 31% 36%);
border-color: oklch(0.457 0.069 30);
}Tailwind CSS v4
@theme {
--color-texas-sweet-tea: #794840;
--color-texas-sweet-tea-50: #ffefe9;
--color-texas-sweet-tea-100: #fee0da;
--color-texas-sweet-tea-200: #f0cac2;
--color-texas-sweet-tea-300: #d8aba2;
--color-texas-sweet-tea-400: #c49086;
--color-texas-sweet-tea-500: #af756b;
--color-texas-sweet-tea-600: #94635b;
--color-texas-sweet-tea-700: #774f48;
--color-texas-sweet-tea-800: #583935;
--color-texas-sweet-tea-900: #3e2724;
--color-texas-sweet-tea-950: #271513;
}SCSS
$texas-sweet-tea: #794840;
$texas-sweet-tea-rgb: 121, 72, 64;
$texas-sweet-tea-light: mix(#fff, $texas-sweet-tea, 20%);
$texas-sweet-tea-dark: mix(#000, $texas-sweet-tea, 20%);
.element {
color: $texas-sweet-tea;
box-shadow: 0 0 0 2px rgba($texas-sweet-tea, 0.35);
}