#cbaa7d Color Hex Flax Straw

Information about Flax Straw Color | #0000FF

#cbaa7d color RGB value is (203,170,125). #cbaa7d color name is Flax Straw color.

#cbaa7d hex color red value is 203 , green value is 170 and the blue value of its RGB is 125 . Cylindrical-coordinate representations (also known as HSL) of color #cbaa7d hue: 35 , saturation: 43 and the lightness value of #cbaa7d is 64

The process color (four color CMYK) of #cbaa7d color hex is 0 , 6 ,15, 8 .

#cbaa7d

~Flax Straw

Color Converions

HEX
#cbaa7d
RGB
203,170,125
LAB
72,8,28
CMYK
0,16,38,20
LCH
72,29,74
XYZ
43,43,25
HSV
35,38,80
HSL
35,43,64

Base Numbers

Base Red Green Blue
Binary 11001011 10101010 1111101
Octal 313 252 175
Decimal 203 170 125
Hex cb aa 7d

RGB Percentages of Color #cbaa7d

80%
67%
49%

CMYK Percentages of Color #cbaa7d

0%
15%
6%
8%

Color Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades of #cbaa7d

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%
#cbaa7d
20%
#b79971
30%
#a28864
40%
#8e7758
50%
#7a664b
60%
#66553f
70%
#514432
80%
#3d3326
90%
#292219
100%
#14110d

Tints of #cbaa7d

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%
#cbaa7d
20%
#d0b38a
30%
#d5bb97
40%
#dbc3a4
50%
#e0ccb1
60%
#e5d4be
70%
#eaddcb
80%
#efe5d8
90%
#f5eee5
100%
#faf6f2

Tones of #cbaa7d

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%
#cbaa7d
20%
#c3a67d
30%
#bca27e
40%
#b49d7e
50%
#ad997e
60%
#a5957e
70%
#9e917e
80%
#968c7f
90%
#8f887f
100%
#87847f

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#cbaa7d
#cb8b7d
#cb9a7d
#cbaa7d
#cbba7d
#cbc97d

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#cbaa7d
#7d9ecb

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#cbaa7d
#8ecb7d
#8b7dcb

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#cbaa7d
#7dcbaa
#aa7dcb

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#cbaa7d
#7dcb83
#7d9ecb
#cb7dc5

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#cbaa7d
#f5ce97
#211c14
#4b3f2e
#766349
#a08663

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Normal

#cbaa7d

protanopia

#bbad7e

deuteranopia

#d0a67d

tritanopia

#d0a2ae

achromatopsia

#aeaeae

protanomaly

#c1ac7e

deuteranomaly

#cea87d

achromatopsia

#aeaeae

tritanomaly

#cea59c

achromatomaly

#b8ac9c

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Poor 2/21
Hello World ! 2

Black background-color

Good 10/21
Hello World !

#cbaa7d Color CSS Codes

.bgcolor {background-color:#cbaa7d; } 
.forecolor {color:#cbaa7d; }
.bordercolor {border:3px solid #cbaa7d; }
            

#cbaa7d Text Font Color

<div style="color:#cbaa7d">
Div content here</div>

This sample text font color is #cbaa7d
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#cbaa7d Background Color

<div style="background-color:#cbaa7d">
Div content here</div>
Div content here

#cbaa7d Border Color

<div style="border:3px solid #cbaa7d">
Div here</div>

This div border color is #cbaa7d

#cbaa7d Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #cbaa7d; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #cbaa7d; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #cbaa7d;
  -webkit-box-shadow: 1px 1px 3px 2px #cbaa7d;
  box-shadow: 1px 1px 3px 2px #cbaa7d; }
            

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #cbaa7d">Text here</p>
            

This text has shadow with hex values.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #cbaa7d;
              -webkit-box-shadow: 1px 1px 3px 2px #cbaa7d;
              box-shadow:         1px 1px 3px 2px #cbaa7d#cbaa7d">
Div content here</div>

This div box has shadow with color #cbaa7d

More Colors

Parachute Silk
#ffe2b5
Japanese Sable
#313739
Burlat Red
#6e314f
Arctic Ice
#bfc7d6
Melmac Silver
#b6b2a1
Lvivian Rain
#0182cc
Jacarta
#440044
Cookie Crumb
#b19778
Cloud Blue
#a2b6b9
Fresh Lavender
#8e90b4
Light Shōchi Black
#8e8887
Electric Sheep
#55ffff
Polka Dot Plum
#5a4458
Birthday Candle
#cfa2ad
Coral Silk
#f2a37d
Ninjin Orange
#e5aa70
Dakota Wheat
#e1bd8e
Keel Joy
#d49595
Pearly Flesh
#f4e3df
Blue Flag
#3b506f
Dusky Rose
#ba6873
Carissima
#e68095
Half Baked
#558f93
Cafe Ole
#9a7f79
Bold Eagle
#463d2f
Lovely Lilac
#a7b0cc
Frittata
#feebc8
Kournikova
#f9d054
Crushed Oregano
#635d46
Keystone
#b39372
Crushed Cashew
#ffedd5
Goblin Blue
#5f7278
Mecha Grey
#8d847f
Briny
#08808e
Arbol De Tamarindo
#cda182
Black Sheep
#0f0d0d
Celestial Dragon
#992266
Chéng Hóng Sè Orange
#f94009
Caramel Cupcake
#b98c5d
Fresh Guacamole
#a2b07e
rating-img
Rate this tool
NaN/5   0 votes