#caad3f hex color

In a RGB color space, hex #caad3f is composed of 79.2% red, 67.8% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.4% magenta, 68.8% yellow and 20.8% black. It has a hue angle of 47.5 degrees, a saturation of 56.7% and a lightness of 52%. #caad3f color hex could be obtained by blending #ffff7e with #955b00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 79
- G 68
- B 25
RGB color chart
- C 0
- M 14
- Y 69
- K 21
CMYK color chart

● #caad3f color description : Moderate yellow.

The hexadecimal color #caad3f has RGB values of R:202, G:173, B:63 and CMYK values of C:0, M:0.14, Y:0.69, K:0.21. Its decimal value is 13282623.

Hex triplet	caad3f	`#caad3f`
RGB Decimal	202, 173, 63	`rgb(202,173,63)`
RGB Percent	79.2, 67.8, 24.7	`rgb(79.2%,67.8%,24.7%)`
CMYK	0, 14, 69, 21
HSL	47.5°, 56.7, 52	`hsl(47.5,56.7%,52%)`
HSV (or HSB)	47.5°, 68.8, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.422, -1.506, 58.013
XYZ	40.198, 42.804, 10.847
xyY	0.428, 0.456, 42.804
CIE-LCH	71.422, 58.032, 91.487
CIE-LUV	71.422, 25.17, 65.557
Hunter-Lab	65.425, -4.82, 35.967
Binary	11001010, 10101101, 00111111

#caad3f
```
#caad3f rgb(202,173,63)
```
#3f5cca
```
#3f5cca rgb(63,92,202)
```

Complementary Color

#ca683f
```
#ca683f rgb(202,104,63)
```
#caad3f
```
#caad3f rgb(202,173,63)
```
#a2ca3f
```
#a2ca3f rgb(162,202,63)
```

Analogous Color

#683fca
```
#683fca rgb(104,63,202)
```
#caad3f
```
#caad3f rgb(202,173,63)
```
#3fa2ca
```
#3fa2ca rgb(63,162,202)
```

Split Complementary Color

#ad3fca
```
#ad3fca rgb(173,63,202)
```
#caad3f
```
#caad3f rgb(202,173,63)
```
#3fcaad
```
#3fcaad rgb(63,202,173)
```

Triadic Color

#ca3f5c
```
#ca3f5c rgb(202,63,92)
```
#caad3f
```
#caad3f rgb(202,173,63)
```
#3fcaad
```
#3fcaad rgb(63,202,173)
```
#3f5cca
```
#3f5cca rgb(63,92,202)
```

Tetradic Color

#947d29
```
#947d29 rgb(148,125,41)
```
#a88e2e
```
#a88e2e rgb(168,142,46)
```
#bc9f34
```
#bc9f34 rgb(188,159,52)
```
#caad3f
```
#caad3f rgb(202,173,63)
```
#d0b653
```
#d0b653 rgb(208,182,83)
```
#d5be67
```
#d5be67 rgb(213,190,103)
```
#dbc77b
```
#dbc77b rgb(219,199,123)
```

Monochromatic Color

Below, you can see some colors close to #caad3f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ca8a3f
```
#ca8a3f rgb(202,138,63)
```
#ca963f
```
#ca963f rgb(202,150,63)
```
#caa13f
```
#caa13f rgb(202,161,63)
```
#caad3f
```
#caad3f rgb(202,173,63)
```
#cab93f
```
#cab93f rgb(202,185,63)
```
#cac43f
```
#cac43f rgb(202,196,63)
```
#c4ca3f
```
#c4ca3f rgb(196,202,63)
```

Similar Colors

Text with hexadecimal color #caad3f

This text has a font color of #caad3f.

<span style="color:#caad3f;">Text here</span>

#caad3f background color

This paragraph has a background color of #caad3f.

<p style="background-color:#caad3f;">Content here</p>

#caad3f border color

This element has a border color of #caad3f.

<div style="border:1px solid #caad3f;">Content here</div>

CSS codes

.text {color:#caad3f;}

.background {background-color:#caad3f;}

.border {border:1px solid #caad3f;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #080702 is the darkest color, while #fdfcf7 is the lightest one.

#080702
```
#080702 rgb(8,7,2)
```
#171406
```
#171406 rgb(23,20,6)
```
#27210b
```
#27210b rgb(39,33,11)
```
#362e0f
```
#362e0f rgb(54,46,15)
```
#453b13
```
#453b13 rgb(69,59,19)
```
#554817
```
#554817 rgb(85,72,23)
```
#64551c
```
#64551c rgb(100,85,28)
```
#736220
```
#736220 rgb(115,98,32)
```
#836f24
```
#836f24 rgb(131,111,36)
```
#927c28
```
#927c28 rgb(146,124,40)
```
#a2892d
```
#a2892d rgb(162,137,45)
```
#b19631
```
#b19631 rgb(177,150,49)
```
#c0a335
```
#c0a335 rgb(192,163,53)
```

Shade Color Variation

#caad3f
```
#caad3f rgb(202,173,63)
```
#ceb44e
```
#ceb44e rgb(206,180,78)
```
#d2ba5e
```
#d2ba5e rgb(210,186,94)
```
#d7c16d
```
#d7c16d rgb(215,193,109)
```
#dbc77c
```
#dbc77c rgb(219,199,124)
```
#dfce8c
```
#dfce8c rgb(223,206,140)
```
#e3d49b
```
#e3d49b rgb(227,212,155)
```
#e8dbab
```
#e8dbab rgb(232,219,171)
```
#ece2ba
```
#ece2ba rgb(236,226,186)
```
#f0e8c9
```
#f0e8c9 rgb(240,232,201)
```
#f4efd9
```
#f4efd9 rgb(244,239,217)
```
#f9f5e8
```
#f9f5e8 rgb(249,245,232)
```
#fdfcf7
```
#fdfcf7 rgb(253,252,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888781 is the less saturated color, while #f9c810 is the most saturated one.

#888781
```
#888781 rgb(136,135,129)
```
#918c78
```
#918c78 rgb(145,140,120)
```
#9b926e
```
#9b926e rgb(155,146,110)
```
#a49765
```
#a49765 rgb(164,151,101)
```
#ae9d5b
```
#ae9d5b rgb(174,157,91)
```
#b7a252
```
#b7a252 rgb(183,162,82)
```
#c1a848
```
#c1a848 rgb(193,168,72)
```
#caad3f
```
#caad3f rgb(202,173,63)
```
#d3b236
```
#d3b236 rgb(211,178,54)
```
#ddb82c
```
#ddb82c rgb(221,184,44)
```
#e6bd23
```
#e6bd23 rgb(230,189,35)
```
#f0c319
```
#f0c319 rgb(240,195,25)
```
#f9c810
```
#f9c810 rgb(249,200,16)
```

Tone Color Variation

Below, you can see how #caad3f is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#a9a9a9 Achromatopsia 0.005% of the population
#b0aa94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b349 Protanopia 1% of men
#dcaa4b Deuteranopia 1% of men
#d5a6b2 Tritanopia 0.001% of the population

Trichromacy

#c8b145 Protanomaly 1% of men, 0.01% of women
#d6ab46 Deuteranomaly 6% of men, 0.4% of women
#d1a888 Tritanomaly 0.01% of the population

#caad3f hex color

#caad3f Color Information

#caad3f Color Conversion

Color Schemes with #caad3f

Alternatives to #caad3f

#caad3f Preview

Shades and Tints of #caad3f

Tones of #caad3f

Color Blindness Simulator