Color picker

#ca5101

Conversion

HEX#ca5101
HEX8#ca5101ff
RGBrgb(202, 81, 1)
CMYK[0,0.6,1,0.21]
Name#ca5101
HCL[52.85,75.01,50.03]
oklab[0.59,0.12,0.12]
Num13259009
HSI[23.28,0.99,0.37]
lab[50.03,45.3,59.78]
Lighten
#fe8433
Darken
#642800
Saturate
#cb5100
Desaturate
#b65515
Greyscale
#656565
Brighten
#fd8434

Color harmonies of #ca5101

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

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#ca5101
#01ca51
#5101ca

Tetrad

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.
#ca5101
#16ca01
#017aca
#b501ca

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#ca5101
#f46201
#200d00
#4a1e00
#752f01
#9f4001

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#ca5101
#ca0101
#ca2901
#ca5101
#ca7901
#caa101

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#ca5101
#52ca01
#0101ca

Variations

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

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#fbf3ed
#f7e6db
#f4dac9
#f0cdb6
#ecc1a4
#e8b492
#e5a880
#e19c6e
#dd8f5c
#d9834a
#d57637
#d26a25
#ce5d13
#ca5101

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0e0600
#1d0c00
#2b1100
#3a1700
#481d00
#572300
#652901
#732e01
#823401
#903a01
#9f4001
#ad4501
#bc4b01
#ca5101

Contrast Checker

Verify the contrast of a #ca5101 colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

4.479 Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
4.689 Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #ca5101

Some examples of color palettes with #ca5101. View more

Use #ca5101 in CSS

#ca5101 as Background Color in CSS
<div style="background-color:#ca5101">Background Color</div>
#ca5101 as Text Color in CSS
<div style="color:#ca5101">Text Color</div>
#ca5101 as Border Color in CSS
<div style="border-color:#ca5101">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet