#ccb683 hex color

In a RGB color space, hex #ccb683 is composed of 80% red, 71.4% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.8% magenta, 35.8% yellow and 20% black. It has a hue angle of 41.9 degrees, a saturation of 41.7% and a lightness of 65.7%. #ccb683 color hex could be obtained by blending #ffffff with #996d07. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 71
- B 51
RGB color chart
- C 0
- M 11
- Y 36
- K 20
CMYK color chart

● #ccb683 color description : Slightly desaturated orange.

The hexadecimal color #ccb683 has RGB values of R:204, G:182, B:131 and CMYK values of C:0, M:0.11, Y:0.36, K:0.2. Its decimal value is 13416067.

Hex triplet	ccb683	`#ccb683`
RGB Decimal	204, 182, 131	`rgb(204,182,131)`
RGB Percent	80, 71.4, 51.4	`rgb(80%,71.4%,51.4%)`
CMYK	0, 11, 36, 20
HSL	41.9°, 41.7, 65.7	`hsl(41.9,41.7%,65.7%)`
HSV (or HSB)	41.9°, 35.8, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	74.783, 0.478, 28.864
XYZ	45.726, 47.933, 28.315
xyY	0.375, 0.393, 47.933
CIE-LCH	74.783, 28.868, 89.051
CIE-LUV	74.783, 16.942, 38.293
Hunter-Lab	69.234, -3.267, 24.215
Binary	11001100, 10110110, 10000011

#ccb683
```
#ccb683 rgb(204,182,131)
```
#8399cc
```
#8399cc rgb(131,153,204)
```

Complementary Color

#cc9283
```
#cc9283 rgb(204,146,131)
```
#ccb683
```
#ccb683 rgb(204,182,131)
```
#becc83
```
#becc83 rgb(190,204,131)
```

Analogous Color

#9283cc
```
#9283cc rgb(146,131,204)
```
#ccb683
```
#ccb683 rgb(204,182,131)
```
#83becc
```
#83becc rgb(131,190,204)
```

Split Complementary Color

#b683cc
```
#b683cc rgb(182,131,204)
```
#ccb683
```
#ccb683 rgb(204,182,131)
```
#83ccb6
```
#83ccb6 rgb(131,204,182)
```

Triadic Color

#cc8399
```
#cc8399 rgb(204,131,153)
```
#ccb683
```
#ccb683 rgb(204,182,131)
```
#83ccb6
```
#83ccb6 rgb(131,204,182)
```
#8399cc
```
#8399cc rgb(131,153,204)
```

Tetradic Color

#b6964d
```
#b6964d rgb(182,150,77)
```
#bda15f
```
#bda15f rgb(189,161,95)
```
#c5ab71
```
#c5ab71 rgb(197,171,113)
```
#ccb683
```
#ccb683 rgb(204,182,131)
```
#d3c195
```
#d3c195 rgb(211,193,149)
```
#dbcba7
```
#dbcba7 rgb(219,203,167)
```
#e2d6b9
```
#e2d6b9 rgb(226,214,185)
```

Monochromatic Color

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

#cca483
```
#cca483 rgb(204,164,131)
```
#ccaa83
```
#ccaa83 rgb(204,170,131)
```
#ccb083
```
#ccb083 rgb(204,176,131)
```
#ccb683
```
#ccb683 rgb(204,182,131)
```
#ccbc83
```
#ccbc83 rgb(204,188,131)
```
#ccc283
```
#ccc283 rgb(204,194,131)
```
#ccc883
```
#ccc883 rgb(204,200,131)
```

Similar Colors

Text with hexadecimal color #ccb683

This text has a font color of #ccb683.

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

#ccb683 background color

This paragraph has a background color of #ccb683.

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

#ccb683 border color

This element has a border color of #ccb683.

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

CSS codes

.text {color:#ccb683;}

.background {background-color:#ccb683;}

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

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, #010100 is the darkest color, while #faf7f2 is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#0f0c06
```
#0f0c06 rgb(15,12,6)
```
#1d180c
```
#1d180c rgb(29,24,12)
```
#2b2312
```
#2b2312 rgb(43,35,18)
```
#392f17
```
#392f17 rgb(57,47,23)
```
#473a1d
```
#473a1d rgb(71,58,29)
```
#544523
```
#544523 rgb(84,69,35)
```
#625128
```
#625128 rgb(98,81,40)
```
#705c2e
```
#705c2e rgb(112,92,46)
```
#7e6834
```
#7e6834 rgb(126,104,52)
```
#8c733a
```
#8c733a rgb(140,115,58)
```
#9a7f3f
```
#9a7f3f rgb(154,127,63)
```
#a88a45
```
#a88a45 rgb(168,138,69)
```

Shade Color Variation

#b5954b
```
#b5954b rgb(181,149,75)
```
#bb9d59
```
#bb9d59 rgb(187,157,89)
```
#c1a667
```
#c1a667 rgb(193,166,103)
```
#c6ae75
```
#c6ae75 rgb(198,174,117)
```
#ccb683
```
#ccb683 rgb(204,182,131)
```
#d2be91
```
#d2be91 rgb(210,190,145)
```
#d7c69f
```
#d7c69f rgb(215,198,159)
```
#ddcfad
```
#ddcfad rgb(221,207,173)
```
#e3d7bb
```
#e3d7bb rgb(227,215,187)
```
#e9dfc8
```
#e9dfc8 rgb(233,223,200)
```
#eee7d6
```
#eee7d6 rgb(238,231,214)
```
#f4efe4
```
#f4efe4 rgb(244,239,228)
```
#faf7f2
```
#faf7f2 rgb(250,247,242)
```

Tint Color Variation

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

#aaa9a5
```
#aaa9a5 rgb(170,169,165)
```
#b1ab9e
```
#b1ab9e rgb(177,171,158)
```
#b8ae97
```
#b8ae97 rgb(184,174,151)
```
#bfb190
```
#bfb190 rgb(191,177,144)
```
#c5b38a
```
#c5b38a rgb(197,179,138)
```
#ccb683
```
#ccb683 rgb(204,182,131)
```
#d3b97c
```
#d3b97c rgb(211,185,124)
```
#d9bb76
```
#d9bb76 rgb(217,187,118)
```
#e0be6f
```
#e0be6f rgb(224,190,111)
```
#e7c168
```
#e7c168 rgb(231,193,104)
```
#eec361
```
#eec361 rgb(238,195,97)
```
#f4c65b
```
#f4c65b rgb(244,198,91)
```
#fbc954
```
#fbc954 rgb(251,201,84)
```

Tone Color Variation

Below, you can see how #ccb683 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

#b7b7b7 Achromatopsia 0.005% of the population
#bbb7ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9bb8a Protanopia 1% of men
#ddb48b Deuteranopia 1% of men
#d5b2bf Tritanopia 0.001% of the population

Trichromacy

#cab987 Protanomaly 1% of men, 0.01% of women
#d6b488 Deuteranomaly 6% of men, 0.4% of women
#d1b3a9 Tritanomaly 0.01% of the population

#ccb683 hex color

#ccb683 Color Information

#ccb683 Color Conversion

Color Schemes with #ccb683

Alternatives to #ccb683

#ccb683 Preview

Shades and Tints of #ccb683

Tones of #ccb683

Color Blindness Simulator