Nazwany kolor · #794840
Texas Sweet Tea
Texas Sweet Tea to #794840: rgb(121 72 64), hsl(8 31% 36%), oklch(0.457 0.069 30). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Texas Sweet Tea color name →
#794840
oklch(0.457 0.069 30)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 865951
- 946A63
- A17C75
- AF8E88
- BCA09B
- C9B2AE
- D7C5C2
- E4D8D6
- F2EBEA
Odcienie ciemniejsze
- 683D36
- 58332D
- 482924
- 391F1B
- 2B1613
- 1D0D0B
- 100605
- 050201
- 010000
Tony
- 7A4E46
- 7B534D
- 7C5953
- 7D5F59
- 7E6460
- 7F6A66
- 7F6F6C
- 807573
- 807A79
Harmonie kolorów
Komplementarna +180°
- 794840
Texas Sweet Tea
- 1B616C
≈ Excellence
Analogowa -30° +30°
- 794840
Texas Sweet Tea
- 774656
≈ Deep Carmine
- 734E2E
≈ Chocolate Rain
Triada +120° +240°
- 794840
Texas Sweet Tea
- 3A6242
≈ Cupidity
- 48557E
≈ Mozart
Komplementarna rozszczepiona +150° +210°
- 794840
Texas Sweet Tea
- 216459
≈ Humboldt Redwoods
- 305C7A
≈ Nautical Creatures
Tetrada +90° +180° +270°
- 794840
Texas Sweet Tea
- 525D2F
≈ Saratoga
- 1B616C
≈ Excellence
- 5D4E78
≈ Imperial Palace
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.46:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.81:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.46:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
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);
}