Named color · #B59778
Soft Fawn
Soft Fawn is #B59778: rgb(181 151 120), hsl(30 29% 59%), oklch(0.696 0.056 67.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Soft Fawn color name →
#B59778
oklch(0.696 0.056 67.6)
Color conversions
- HEX
- #b59778
- RGB
- rgb(181 151 120)
- HSL
- hsl(30 29% 59%)
- HWB
- hwb(30 47% 29%)
- OKLCH
- oklch(0.696 0.056 67.6)
- OKLab
- oklab(0.696 0.021 0.052)
- CIE Lab
- lab(64.65 8.21 20.78)
- LCH
- lch(64.65 22.35 68.4)
- CMYK
- cmyk(0% 17% 34% 29%)
Tints · Shades · Tones
Tints
- BCA185
- C4AB92
- CBB59F
- D2C0AD
- DACABA
- E1D5C8
- E9DFD5
- F0EAE3
- F8F4F1
Shades
- 9D8367
- 866F57
- 6F5C48
- 594939
- 44372A
- 30261D
- 1D1710
- 0C0805
- 020101
Tones
- B09579
- AA927A
- A5907B
- A08E7C
- 9A8C7D
- 95897D
- 90877E
- 8B857F
- 85827F
Color harmonies
Complementary +180°
- B59778
Soft Fawn
- 82A1BF
≈ Old Faithful
Analogous -30° +30°
- B59778
Soft Fawn
- BD9284
≈ Revival Rose
- A69E76
≈ Fresh Olive
Triadic +120° +240°
- B59778
Soft Fawn
- 74A9A3
≈ Steel Pan Mallet
- A694B9
≈ Gleeful Joy
Split-complementary +150° +210°
- B59778
Soft Fawn
- 75A6B4
≈ Inner Sanctum
- 949AC0
≈ Thistle Down
Tetradic +90° +180° +270°
- B59778
Soft Fawn
- 80A890
≈ Catnip
- 82A1BF
≈ Old Faithful
- B590AA
≈ Soft Impact
Contrast & accessibility
Ag
FailOn white
WCAG 2.74:1 · APCA Lc 53
Ag
AAAOn black
WCAG 7.66:1 · APCA Lc 49
Best text color: #000000
WCAG 7.66:1 (AAA) · APCA Lc 49
Contrast pairs
Code snippets
CSS
:root {
--soft-fawn: #b59778;
--soft-fawn-rgb: 181 151 120;
--soft-fawn-oklch: oklch(0.696 0.056 67.6);
}
.element {
color: var(--soft-fawn);
background-color: hsl(30 29% 59%);
border-color: oklch(0.696 0.056 67.6);
}Tailwind CSS v4
@theme {
--color-soft-fawn: #b59778;
--color-soft-fawn-50: #fff3e4;
--color-soft-fawn-100: #f5e5d4;
--color-soft-fawn-200: #e4d1bb;
--color-soft-fawn-300: #cbb399;
--color-soft-fawn-400: #b5997b;
--color-soft-fawn-500: #9f7f5e;
--color-soft-fawn-600: #876c50;
--color-soft-fawn-700: #6c5640;
--color-soft-fawn-800: #503f2e;
--color-soft-fawn-900: #382b1f;
--color-soft-fawn-950: #22180f;
}SCSS
$soft-fawn: #b59778;
$soft-fawn-rgb: 181, 151, 120;
$soft-fawn-light: mix(#fff, $soft-fawn, 20%);
$soft-fawn-dark: mix(#000, $soft-fawn, 20%);
.element {
color: $soft-fawn;
box-shadow: 0 0 0 2px rgba($soft-fawn, 0.35);
}