#ceb301 Color Hex Mustard

Information about Mustard Color | #0000FF

#ceb301 color RGB value is (206,179,1). #ceb301 color name is Mustard color.

#ceb301 hex color red value is 206 , green value is 179 and the blue value of its RGB is 1 . Cylindrical-coordinate representations (also known as HSL) of color #ceb301 hue: 52 , saturation: 99 and the lightness value of #ceb301 is 41

The process color (four color CMYK) of #ceb301 color hex is 0 , 5 ,39, 8 .

#ceb301

~Mustard

Color Converions

HEX
#ceb301
RGB
206,179,1
LAB
74,0,75
CMYK
0,13,100,19
LCH
74,75,90
XYZ
42,45,7
HSV
52,100,81
HSL
52,99,41

Base Numbers

Base Red Green Blue
Binary 11001110 10110011 1
Octal 316 263 1
Decimal 206 179 1
Hex ce b3 01

RGB Percentages of Color #ceb301

81%
70%
0%

CMYK Percentages of Color #ceb301

0%
39%
5%
8%

Color Variations

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

Shades of #ceb301

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

10%
#ceb301
20%
#b9a101
30%
#a58f01
40%
#907d01
50%
#7c6b01
60%
#675a01
70%
#524800
80%
#3e3600
90%
#292400
100%
#151200

Tints of #ceb301

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

10%
#ceb301
20%
#d3bb1a
30%
#d8c234
40%
#ddca4d
50%
#e2d167
60%
#e6d980
70%
#ebe199
80%
#f0e8b3
90%
#f5f0cc
100%
#faf7e6

Tones of #ceb301

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

10%
#ceb301
20%
#c6ae0e
30%
#bea91a
40%
#b6a427
50%
#af9e34
60%
#a79940
70%
#9f944d
80%
#978f5a
90%
#8f8a66
100%
#878573

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.
#ceb301
#ce6101
#ce8a01
#ceb301
#c0ce01
#97ce01

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#ceb301
#011cce

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#ceb301
#01ce0f
#6101ce

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#ceb301
#01ceb3
#b301ce

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.
#ceb301
#01ce4c
#011cce
#ce0182

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#ceb301
#f8d801
#241f00
#4e4400
#796901
#a38e01

Blindness simulator

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

Normal

#ceb301

protanopia

#cab207

deuteranopia

#e3a916

tritanopia

#d8a5b1

achromatopsia

#acacac

protanomaly

#cbb305

deuteranomaly

#dcac0f

achromatopsia

#acacac

tritanomaly

#d5aa71

achromatomaly

#b8ae6e

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 !

#ceb301 Color CSS Codes

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

#ceb301 Text Font Color

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

This sample text font color is #ceb301
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.

#ceb301 Background Color

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

#ceb301 Border Color

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

This div border color is #ceb301

#ceb301 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #ceb301

More Colors

Green Hour
#587d79
Duck Tail
#e9d6b1
Electric Lavender
#f4bfff
Cuticle Pink
#e3a49a
Natural Instinct Green
#017374
Folk Tales
#a5c1b6
Intense Green
#123328
Elysium Gold
#ce9500
Fantastic Pink
#e6c8c9
Orange Jewel
#ff9731
Eastern Gold
#b89b6c
Nevermind Nirvana
#7bc8f6
Amish Bread
#e6ddbe
Apple Cinnamon
#b0885a
Infatuation
#f0d5ea
Lurid Red
#ff4505
Daffodil
#ffff31
Dijon Mustard
#e2ca73
City Rain
#525c61
Debonaire
#cbd0dd
Limed Ash
#747d63
Hinoki
#f8ddb7
Earthbound
#a48a80
Baby's Booties
#e8c1c2
Pedigrey
#8f8e8c
Granola
#f5ce9f
Heavy Grey
#82868a
Brown Beauty
#4a3832
Deep Umber
#694d3d
Nightly Escapade
#0433ff
Kanafeh
#dd8833
Designer Pink
#e1bcd8
Farro
#c1a485
Dirty Green
#667e2c
Pineapple Juice
#f8e87b
Indigo Sloth
#1f0954
Kir Royale Rose
#b45877
Chalk Blue
#ccdad7
Copper Tan
#de8e65
Haunting Hue
#d3e0ec
rating-img
Rate this tool
NaN/5   0 votes