Named color · #B87253
Iced Tea
Iced Tea is #B87253: rgb(184 114 83), hsl(18 42% 52%), oklch(0.621 0.099 44.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Iced Tea color name →
#B87253
oklch(0.621 0.099 44.4)
Color conversions
- HEX
- #b87253
- RGB
- rgb(184 114 83)
- HSL
- hsl(18 42% 52%)
- HWB
- hwb(18 33% 28%)
- OKLCH
- oklch(0.621 0.099 44.4)
- OKLab
- oklab(0.621 0.071 0.069)
- CIE Lab
- lab(55.33 26.06 29.31)
- LCH
- lch(55.33 39.22 48.4)
- CMYK
- cmyk(0% 38% 55% 28%)
Tints · Shades · Tones
Tints
- C08064
- C88E75
- CF9C85
- D6AA96
- DEB8A7
- E5C6B8
- EBD4CA
- F2E2DB
- F9F1ED
Shades
- A06247
- 88533B
- 714430
- 5B3625
- 45281B
- 311B11
- 1E0E08
- 0C0402
- 020100
Tones
- B37458
- AE765D
- A87762
- A37967
- 9D7A6B
- 987C6F
- 927D74
- 8C7E78
- 867F7C
Color harmonies
Complementary +180°
- B87253
Iced Tea
- 3393B3
≈ Enchanted Well
Analogous -30° +30°
- B87253
Iced Tea
- BA6C74
≈ Cherry Fizz
- AA7D3C
≈ Rich Sorrel
Triadic +120° +240°
- B87253
Iced Tea
- 439977
≈ Smaragdine
- 7F7EC0
≈ Faraway Sky
Split-complementary +150° +210°
- B87253
Iced Tea
- 209998
≈ Java
- 5B89C1
≈ Danube
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.77:1 · APCA Lc 65
Ag
AAOn black
WCAG 5.56:1 · APCA Lc 37
Best text color: #000000
WCAG 5.56:1 (AA) · APCA Lc 37
Contrast pairs
Code snippets
CSS
:root {
--iced-tea: #b87253;
--iced-tea-rgb: 184 114 83;
--iced-tea-oklch: oklch(0.621 0.099 44.4);
}
.element {
color: var(--iced-tea);
background-color: hsl(18 42% 52%);
border-color: oklch(0.621 0.099 44.4);
}Tailwind CSS v4
@theme {
--color-iced-tea: #b87253;
--color-iced-tea-50: #ffedde;
--color-iced-tea-100: #ffdfcc;
--color-iced-tea-200: #f9c8b1;
--color-iced-tea-300: #e3a88c;
--color-iced-tea-400: #d08b6d;
--color-iced-tea-500: #bc6f4d;
--color-iced-tea-600: #9f5e42;
--color-iced-tea-700: #804b34;
--color-iced-tea-800: #5f3626;
--color-iced-tea-900: #432519;
--color-iced-tea-950: #2b130a;
}SCSS
$iced-tea: #b87253;
$iced-tea-rgb: 184, 114, 83;
$iced-tea-light: mix(#fff, $iced-tea, 20%);
$iced-tea-dark: mix(#000, $iced-tea, 20%);
.element {
color: $iced-tea;
box-shadow: 0 0 0 2px rgba($iced-tea, 0.35);
}