Nearest named color · #8B625D
#8B625D
Nearest named color: Reading Tea Leaves
#8B625D (rgb(139 98 93), hsl(7 20% 45%), oklch(0.538 0.054 26.8)) is closest to the named color Reading Tea Leaves. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#8B625D
oklch(0.538 0.054 26.8)
Color conversions
- HEX
- #8b625d
- RGB
- rgb(139 98 93)
- HSL
- hsl(7 20% 45%)
- HWB
- hwb(7 36% 45%)
- OKLCH
- oklch(0.538 0.054 26.8)
- OKLab
- oklab(0.538 0.049 0.025)
- CIE Lab
- lab(45.86 16.61 9.83)
- LCH
- lch(45.86 19.3 30.6)
- CMYK
- cmyk(0% 29% 33% 45%)
Tints · Shades · Tones
Tints
- 97716C
- A2807B
- AE8F8B
- B99E9A
- C5AEAB
- D0BEBB
- DCCECC
- E8DEDD
- F3EEEE
Shades
- 785450
- 664743
- 543A37
- 432D2A
- 32211F
- 231614
- 140B0A
- 070303
- 010000
Tones
- 8A6560
- 896864
- 886B67
- 886E6B
- 86716E
- 857472
- 847775
- 837A79
- 817D7C
Color harmonies
Complementary +180°
- 8B625D
Reading Tea Leaves
- 46777E
≈ Ocean Slumber
Analogous -30° +30°
- 8B625D
Reading Tea Leaves
- 88616E
≈ Glazed Ringlet
- 87664F
≈ Obscure Ochre
Triadic +120° +240°
- 8B625D
Reading Tea Leaves
- 59775C
≈ Seaweed Tea
- 606D8E
≈ Haunt Mist
Split-complementary +150° +210°
- 8B625D
Reading Tea Leaves
- 4A796D
≈ Hooker’s Green
- 4F738A
≈ Inky Blue
Tetradic +90° +180° +270°
- 8B625D
Reading Tea Leaves
- 6C724E
≈ Four Seasons Oolong
- 46777E
≈ Ocean Slumber
- 71688A
≈ Aromatic
Contrast & accessibility
Ag
AAOn white
WCAG 5.24:1 · APCA Lc 76
Ag
FailOn black
WCAG 4.00:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--reading-tea-leaves: #8b625d;
--reading-tea-leaves-rgb: 139 98 93;
--reading-tea-leaves-oklch: oklch(0.538 0.054 26.8);
}
.element {
color: var(--reading-tea-leaves);
background-color: hsl(7 20% 45%);
border-color: oklch(0.538 0.054 26.8);
}Tailwind CSS v4
@theme {
--color-reading-tea-leaves: #8b625d;
--color-reading-tea-leaves-50: #fff0ec;
--color-reading-tea-leaves-100: #fae2de;
--color-reading-tea-leaves-200: #ebccc7;
--color-reading-tea-leaves-300: #d2aea8;
--color-reading-tea-leaves-400: #bd938d;
--color-reading-tea-leaves-500: #a77973;
--color-reading-tea-leaves-600: #8d6661;
--color-reading-tea-leaves-700: #71524e;
--color-reading-tea-leaves-800: #543b39;
--color-reading-tea-leaves-900: #3a2927;
--color-reading-tea-leaves-950: #241615;
}SCSS
$reading-tea-leaves: #8b625d;
$reading-tea-leaves-rgb: 139, 98, 93;
$reading-tea-leaves-light: mix(#fff, $reading-tea-leaves, 20%);
$reading-tea-leaves-dark: mix(#000, $reading-tea-leaves, 20%);
.element {
color: $reading-tea-leaves;
box-shadow: 0 0 0 2px rgba($reading-tea-leaves, 0.35);
}