Named color · #B88C63
Gleaming Tan
Gleaming Tan is #B88C63: rgb(184 140 99), hsl(29 37% 55%), oklch(0.673 0.077 63.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Gleaming Tan color name →
#B88C63
oklch(0.673 0.077 63.9)
Color conversions
- HEX
- #b88c63
- RGB
- rgb(184 140 99)
- HSL
- hsl(29 37% 55%)
- HWB
- hwb(29 39% 28%)
- OKLCH
- oklch(0.673 0.077 63.9)
- OKLab
- oklab(0.673 0.034 0.07)
- CIE Lab
- lab(61.84 13.44 28.68)
- LCH
- lch(61.84 31.67 64.9)
- CMYK
- cmyk(0% 24% 46% 28%)
Tints · Shades · Tones
Tints
- BF9772
- C7A282
- CEAE91
- D5B9A0
- DCC5B0
- E3D0BF
- EADCCF
- F1E7DF
- F8F3EF
Shades
- A07955
- 886747
- 71553A
- 5B432E
- 453321
- 312316
- 1E140B
- 0C0703
- 020100
Tones
- B28B67
- AD8A6A
- A7896D
- A28870
- 9C8673
- 978576
- 918478
- 8B837B
- 86817E
Color harmonies
Complementary +180°
- B88C63
Gleaming Tan
- 6C9CC3
≈ Cerulean Frost
Analogous -30° +30°
- B88C63
Gleaming Tan
- C18577
≈ Argyle Rose
- A6955D
≈ Mossy Rock
Triadic +120° +240°
- B88C63
Gleaming Tan
- 5AA69B
≈ Paradise Island
- A08ABD
≈ Cold Purple
Split-complementary +150° +210°
- B88C63
Gleaming Tan
- 59A3B3
≈ Explorer Blue
- 8793C6
≈ Corfu Sky
Tetradic +90° +180° +270°
- B88C63
Gleaming Tan
- 70A480
≈ Corporate Green
- 6C9CC3
≈ Cerulean Frost
- B484AA
≈ Purple Stripe
Contrast & accessibility
Ag
FailOn white
WCAG 3.01:1 · APCA Lc 57
Ag
AAOn black
WCAG 6.96:1 · APCA Lc 45
Best text color: #000000
WCAG 6.96:1 (AA) · APCA Lc 45
Contrast pairs
Code snippets
CSS
:root {
--gleaming-tan: #b88c63;
--gleaming-tan-rgb: 184 140 99;
--gleaming-tan-oklch: oklch(0.673 0.077 63.9);
}
.element {
color: var(--gleaming-tan);
background-color: hsl(29 37% 55%);
border-color: oklch(0.673 0.077 63.9);
}Tailwind CSS v4
@theme {
--color-gleaming-tan: #b88c63;
--color-gleaming-tan-50: #fff1de;
--color-gleaming-tan-100: #fbe3cd;
--color-gleaming-tan-200: #ecceb2;
--color-gleaming-tan-300: #d3b08e;
--color-gleaming-tan-400: #bf956e;
--color-gleaming-tan-500: #aa7b4e;
--color-gleaming-tan-600: #906842;
--color-gleaming-tan-700: #735335;
--color-gleaming-tan-800: #563c26;
--color-gleaming-tan-900: #3c2919;
--color-gleaming-tan-950: #26170a;
}SCSS
$gleaming-tan: #b88c63;
$gleaming-tan-rgb: 184, 140, 99;
$gleaming-tan-light: mix(#fff, $gleaming-tan, 20%);
$gleaming-tan-dark: mix(#000, $gleaming-tan, 20%);
.element {
color: $gleaming-tan;
box-shadow: 0 0 0 2px rgba($gleaming-tan, 0.35);
}