Named color · #C5B8A8
White Tiger
White Tiger is #C5B8A8: rgb(197 184 168), hsl(33 20% 72%), oklch(0.789 0.027 73.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · White Tiger color name →
#C5B8A8
oklch(0.789 0.027 73.1)
Color conversions
- HEX
- #c5b8a8
- RGB
- rgb(197 184 168)
- HSL
- hsl(33 20% 72%)
- HWB
- hwb(33 66% 23%)
- OKLCH
- oklch(0.789 0.027 73.1)
- OKLab
- oklab(0.789 0.008 0.026)
- CIE Lab
- lab(75.55 2.78 9.91)
- LCH
- lch(75.55 10.29 74.3)
- CMYK
- cmyk(0% 7% 15% 23%)
Tints · Shades · Tones
Tints
- CBBFB0
- D0C6B9
- D6CDC2
- DCD4CA
- E2DBD3
- E8E2DC
- EDE9E4
- F3F0ED
- F9F8F6
Shades
- ABA092
- 92887C
- 797167
- 615B52
- 4B453F
- 35312C
- 211E1A
- 0E0C0A
- 020201
Tones
- BEB2A4
- B7ADA0
- B0A79C
- A9A198
- A29C94
- 9B9690
- 94908C
- 8D8B88
- 878584
Color harmonies
Complementary +180°
- C5B8A8
White Tiger
- AFBCCB
≈ Simply Blue
Analogous -30° +30°
- C5B8A8
White Tiger
- CAB5AD
≈ Plymouth Notch
- BDBBA8
≈ Ash
Triadic +120° +240°
- C5B8A8
White Tiger
- A8C0BF
≈ Glacier Blue
- C0B6C7
≈ Decency
Split-complementary +150° +210°
- C5B8A8
White Tiger
- A9BEC7
≈ A-List Blue
- B7B8CB
≈ Winter Dusk
Tetradic +90° +180° +270°
- C5B8A8
White Tiger
- ACC0B5
≈ Grey Embrace
- AFBCCB
≈ Simply Blue
- C7B4BF
≈ Masked Mauve
Contrast & accessibility
Ag
FailOn white
WCAG 1.94:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.79:1 · APCA Lc 65
Best text color: #000000
WCAG 10.79:1 (AAA) · APCA Lc 65
Contrast pairs
Code snippets
CSS
:root {
--white-tiger: #c5b8a8;
--white-tiger-rgb: 197 184 168;
--white-tiger-oklch: oklch(0.789 0.027 73.1);
}
.element {
color: var(--white-tiger);
background-color: hsl(33 20% 72%);
border-color: oklch(0.789 0.027 73.1);
}Tailwind CSS v4
@theme {
--color-white-tiger: #c5b8a8;
--color-white-tiger-50: #faf4ed;
--color-white-tiger-100: #ede7de;
--color-white-tiger-200: #dbd3c8;
--color-white-tiger-300: #c0b6a9;
--color-white-tiger-400: #a89c8e;
--color-white-tiger-500: #918473;
--color-white-tiger-600: #7b7062;
--color-white-tiger-700: #62594e;
--color-white-tiger-800: #484138;
--color-white-tiger-900: #322d27;
--color-white-tiger-950: #1e1a15;
}SCSS
$white-tiger: #c5b8a8;
$white-tiger-rgb: 197, 184, 168;
$white-tiger-light: mix(#fff, $white-tiger, 20%);
$white-tiger-dark: mix(#000, $white-tiger, 20%);
.element {
color: $white-tiger;
box-shadow: 0 0 0 2px rgba($white-tiger, 0.35);
}