Coloried

Soft Beige

Soft Beige color is a fresh shade of light muted brown. Its hex code is #DDC7A0 and rgb code is rgb(221, 199, 160), Its CMYK value is cmyk(0%, 10%, 28%, 13%), and Its HSL value is hsl(38, 47%, 75%). Its contrast ratio against white is 1.65:1, while against black, the contrast ratio is 12.75:1. Its complementary color is #A1B7DD and closest tailwind color is orange-200. This color goes well with #9AA93D, #A94B3D, #705629, #56B4C2, and #6556C2. To recreate the Soft Beige color, you can mix #FFFFFF and #BB8F41.

Soft Beige color code
|
1. Color Conversions
HEX#DDC7A0
RGB221, 199, 160
HSL38°, 47%, 75%
HSV38°, 47%, 87%
CMYK0%, 10%, 28%, 13%
Web Safe#CCCC99
2. Contrast Ratio
Text on #FFFFFF1.65:1
Fail LargeFail Normal
Text on #00000012.75:1
AAA LargeAAA Normal
3. Soft Beige Color Code in CSS
HEX
#DDC7A0
RGB
rgb(221, 199, 160)
HSL
hsl(38, 47%, 75%)
Text Color
color: #DDC7A0;
Background
background-color: #DDC7A0;
Border Color
border-color: #DDC7A0;
Box Shadow
box-shadow: 0 4px 14px 0 #DDC7A080;
SCSS
$color-soft-beige: #DDC7A0;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#D3D3A9
Deuteranopia#D5D6AC
Tritanopia#DCB1B3
Achromatopsia#C9C9C9
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive
Similar Colors
Soft Amber#D1C6B4
Light Khaki#D6C9AF
Soft Orange#F5CA7B
Very Light Brown#D3B683
Old Paper#E0C9A6
Wheat#F5DEB3
Birch#DFD7C8
Peach Yellow#FADFAD
Mango#FFBF34
Bone#E3DAC9
Color Ideas
Mirage#161928
Mist Blue#A0AFB7
Mocha#9D7651
Mocha Brown#967969
Modern Gray#6F6E72
Moss Green#7E8C54
Mossy Bark#586316
Mountbatten Pink#997A8D
Muddy Brown#886806
Muddy Green#657432
About Soft Beige
Color Name
Soft Beige
HEX
#DDC7A0
Color Family
orange
X11 Name
Beige
LAB
83.83, 0.81, 5.68
Preview Text
Aa