Coloried

Dark Beige

Dark Beige color is a dusty shade of pale brown. Its hex code is #9F8C76 and rgb code is rgb(159, 140, 118), Its CMYK value is cmyk(0%, 12%, 26%, 38%), and Its HSL value is hsl(32, 18%, 54%). Against white, it has a contrast ratio of 3.24:1, while against black, the contrast ratio is 6.49:1. Complementary color is #75889F and closest tailwind color is stone-400. This color goes well with #474832, #483332, #1B1713, #476566, and #484766. To create this Dark Beige color, you can mix #FFFF00 and #3F19EC.

Dark Beige color code
|
1. Color Conversions
HEX#9F8C76
RGB159, 140, 118
HSL32°, 18%, 54%
HSV32°, 18%, 62%
CMYK0%, 12%, 26%, 38%
Web Safe#999966
2. Contrast Ratio
Text on #FFFFFF3.24:1
AAA LargeFail Normal
Text on #0000006.49:1
AAA LargeAAA Normal
3. Dark Beige Color Code in CSS
HEX
#9F8C76
RGB
rgb(159, 140, 118)
HSL
hsl(32, 18%, 54%)
Text Color
color: #9F8C76;
Background
background-color: #9F8C76;
Border Color
border-color: #9F8C76;
Box Shadow
box-shadow: 0 4px 14px 0 #9F8C7680;
SCSS
$color-dark-beige: #9F8C76;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#97977B
Deuteranopia#98997D
Tritanopia#9E8080
Achromatopsia#8F8F8F
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive