Nearest named color · #BCA77B
#BCA77B
Nearest named color: Faded Letter
#BCA77B (rgb(188 167 123), hsl(41 33% 61%), oklch(0.736 0.064 85.3)) is closest to the named color Faded Letter. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#BCA77B
oklch(0.736 0.064 85.3)
Color conversions
- HEX
- #bca77b
- RGB
- rgb(188 167 123)
- HSL
- hsl(41 33% 61%)
- HWB
- hwb(41 48% 26%)
- OKLCH
- oklch(0.736 0.064 85.3)
- OKLab
- oklab(0.736 0.005 0.064)
- CIE Lab
- lab(69.54 3.11 25.76)
- LCH
- lch(69.54 25.95 83.1)
- CMYK
- cmyk(0% 11% 35% 26%)
Tints · Shades · Tones
Tints
- C3B088
- C9B895
- D0C1A2
- D6CAAF
- DDD2BC
- E4DBC9
- EBE4D7
- F1EDE4
- F8F6F1
Shades
- A3916A
- 8B7B5A
- 73664A
- 5D523A
- 473E2C
- 322C1E
- 1F1A10
- 0D0A05
- 020101
Tones
- B6A37C
- B09F7D
- AA9B7D
- A4977E
- 9E947F
- 98907F
- 928C7F
- 8C8880
- 868480
Color harmonies
Complementary +180°
- BCA77B
Faded Letter
- 96A9D3
≈ Foresight
Analogous -30° +30°
- BCA77B
Faded Letter
- CA9F83
≈ Arbol de Tamarindo
- A8AF80
≈ Fresh Guacamole
Triadic +120° +240°
- BCA77B
Faded Letter
- 78B6BD
≈ Aqua Blue
- BF9CC0
≈ Lupine
Split-complementary +150° +210°
- BCA77B
Faded Letter
- 82B1CD
≈ Blue Cuddle
- ACA2CE
≈ Puturple
Tetradic +90° +180° +270°
- BCA77B
Faded Letter
- 7EB7A7
≈ Mint Bonbon Green
- 96A9D3
≈ Foresight
- CB99AB
≈ Honey Pink
Contrast & accessibility
Ag
FailOn white
WCAG 2.34:1 · APCA Lc 46
Ag
AAAOn black
WCAG 8.95:1 · APCA Lc 56
Best text color: #000000
WCAG 8.95:1 (AAA) · APCA Lc 56
Contrast pairs
Code snippets
CSS
:root {
--faded-letter: #bca77b;
--faded-letter-rgb: 188 167 123;
--faded-letter-oklch: oklch(0.736 0.064 85.3);
}
.element {
color: var(--faded-letter);
background-color: hsl(41 33% 61%);
border-color: oklch(0.736 0.064 85.3);
}Tailwind CSS v4
@theme {
--color-faded-letter: #bca77b;
--color-faded-letter-50: #fdf4e1;
--color-faded-letter-100: #f1e7d0;
--color-faded-letter-200: #e0d3b6;
--color-faded-letter-300: #c5b692;
--color-faded-letter-400: #b09c73;
--color-faded-letter-500: #9a8353;
--color-faded-letter-600: #826f47;
--color-faded-letter-700: #685939;
--color-faded-letter-800: #4d4128;
--color-faded-letter-900: #362c1b;
--color-faded-letter-950: #21190b;
}SCSS
$faded-letter: #bca77b;
$faded-letter-rgb: 188, 167, 123;
$faded-letter-light: mix(#fff, $faded-letter, 20%);
$faded-letter-dark: mix(#000, $faded-letter, 20%);
.element {
color: $faded-letter;
box-shadow: 0 0 0 2px rgba($faded-letter, 0.35);
}