#ccbe60 hex color

In a RGB color space, hex #ccbe60 is composed of 80% red, 74.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.9% magenta, 52.9% yellow and 20% black. It has a hue angle of 52.2 degrees, a saturation of 51.4% and a lightness of 58.8%. #ccbe60 color hex could be obtained by blending #ffffc0 with #997d00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 75
- B 38
RGB color chart
- C 0
- M 7
- Y 53
- K 20
CMYK color chart

● #ccbe60 color description : Moderate yellow.

The hexadecimal color #ccbe60 has RGB values of R:204, G:190, B:96 and CMYK values of C:0, M:0.07, Y:0.53, K:0.2. Its decimal value is 13418080.

Hex triplet	ccbe60	`#ccbe60`
RGB Decimal	204, 190, 96	`rgb(204,190,96)`
RGB Percent	80, 74.5, 37.6	`rgb(80%,74.5%,37.6%)`
CMYK	0, 7, 53, 20
HSL	52.2°, 51.4, 58.8	`hsl(52.2,51.4%,58.8%)`
HSV (or HSB)	52.2°, 52.9, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	76.381, -7.269, 48.66
XYZ	45.427, 50.51, 18.422
xyY	0.397, 0.442, 50.51
CIE-LCH	76.381, 49.2, 98.496
CIE-LUV	76.381, 13.757, 60.845
Hunter-Lab	71.07, -10.28, 34.381
Binary	11001100, 10111110, 01100000

#ccbe60
```
#ccbe60 rgb(204,190,96)
```
#606ecc
```
#606ecc rgb(96,110,204)
```

Complementary Color

#cc8860
```
#cc8860 rgb(204,136,96)
```
#ccbe60
```
#ccbe60 rgb(204,190,96)
```
#a4cc60
```
#a4cc60 rgb(164,204,96)
```

Analogous Color

#8860cc
```
#8860cc rgb(136,96,204)
```
#ccbe60
```
#ccbe60 rgb(204,190,96)
```
#60a4cc
```
#60a4cc rgb(96,164,204)
```

Split Complementary Color

#be60cc
```
#be60cc rgb(190,96,204)
```
#ccbe60
```
#ccbe60 rgb(204,190,96)
```
#60ccbe
```
#60ccbe rgb(96,204,190)
```

Triadic Color

#cc606e
```
#cc606e rgb(204,96,110)
```
#ccbe60
```
#ccbe60 rgb(204,190,96)
```
#60ccbe
```
#60ccbe rgb(96,204,190)
```
#606ecc
```
#606ecc rgb(96,110,204)
```

Tetradic Color

#a99a36
```
#a99a36 rgb(169,154,54)
```
#bdac3c
```
#bdac3c rgb(189,172,60)
```
#c6b64d
```
#c6b64d rgb(198,182,77)
```
#ccbe60
```
#ccbe60 rgb(204,190,96)
```
#d2c673
```
#d2c673 rgb(210,198,115)
```
#d8ce87
```
#d8ce87 rgb(216,206,135)
```
#dfd69a
```
#dfd69a rgb(223,214,154)
```

Monochromatic Color

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

#cca360
```
#cca360 rgb(204,163,96)
```
#ccac60
```
#ccac60 rgb(204,172,96)
```
#ccb560
```
#ccb560 rgb(204,181,96)
```
#ccbe60
```
#ccbe60 rgb(204,190,96)
```
#ccc760
```
#ccc760 rgb(204,199,96)
```
#c8cc60
```
#c8cc60 rgb(200,204,96)
```
#bfcc60
```
#bfcc60 rgb(191,204,96)
```

Similar Colors

Text with hexadecimal color #ccbe60

This text has a font color of #ccbe60.

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

#ccbe60 background color

This paragraph has a background color of #ccbe60.

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

#ccbe60 border color

This element has a border color of #ccbe60.

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

CSS codes

.text {color:#ccbe60;}

.background {background-color:#ccbe60;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#131206
```
#131206 rgb(19,18,6)
```
#221f0b
```
#221f0b rgb(34,31,11)
```
#312d10
```
#312d10 rgb(49,45,16)
```
#403a14
```
#403a14 rgb(64,58,20)
```
#4f4819
```
#4f4819 rgb(79,72,25)
```
#5d551e
```
#5d551e rgb(93,85,30)
```
#6c6323
```
#6c6323 rgb(108,99,35)
```
#7b7028
```
#7b7028 rgb(123,112,40)
```
#8a7e2c
```
#8a7e2c rgb(138,126,44)
```
#998b31
```
#998b31 rgb(153,139,49)
```
#a89936
```
#a89936 rgb(168,153,54)
```
#b7a73b
```
#b7a73b rgb(183,167,59)
```

Shade Color Variation

#c2b242
```
#c2b242 rgb(194,178,66)
```
#c7b851
```
#c7b851 rgb(199,184,81)
```
#ccbe60
```
#ccbe60 rgb(204,190,96)
```
#d1c46f
```
#d1c46f rgb(209,196,111)
```
#d6ca7e
```
#d6ca7e rgb(214,202,126)
```
#dad08d
```
#dad08d rgb(218,208,141)
```
#dfd69b
```
#dfd69b rgb(223,214,155)
```
#e4dcaa
```
#e4dcaa rgb(228,220,170)
```
#e9e2b9
```
#e9e2b9 rgb(233,226,185)
```
#ede9c8
```
#ede9c8 rgb(237,233,200)
```
#f2efd7
```
#f2efd7 rgb(242,239,215)
```
#f7f5e6
```
#f7f5e6 rgb(247,245,230)
```
#fcfbf5
```
#fcfbf5 rgb(252,251,245)
```

Tint Color Variation

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

#9c9a90
```
#9c9a90 rgb(156,154,144)
```
#a4a088
```
#a4a088 rgb(164,160,136)
```
#aca680
```
#aca680 rgb(172,166,128)
```
#b4ac78
```
#b4ac78 rgb(180,172,120)
```
#bcb270
```
#bcb270 rgb(188,178,112)
```
#c4b868
```
#c4b868 rgb(196,184,104)
```
#ccbe60
```
#ccbe60 rgb(204,190,96)
```
#d4c458
```
#d4c458 rgb(212,196,88)
```
#dcca50
```
#dcca50 rgb(220,202,80)
```
#e4d048
```
#e4d048 rgb(228,208,72)
```
#ecd640
```
#ecd640 rgb(236,214,64)
```
#f4dc38
```
#f4dc38 rgb(244,220,56)
```
#fce230
```
#fce230 rgb(252,226,48)
```

Tone Color Variation

Below, you can see how #ccbe60 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
#bbb8a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2bf67 Protanopia 1% of men
#e9b76b Deuteranopia 1% of men
#d8b7c3 Tritanopia 0.001% of the population

Trichromacy

#d0bf64 Protanomaly 1% of men, 0.01% of women
#deb967 Deuteranomaly 6% of men, 0.4% of women
#d4b99f Tritanomaly 0.01% of the population

#ccbe60 hex color

#ccbe60 Color Information

#ccbe60 Color Conversion

Color Schemes with #ccbe60

Alternatives to #ccbe60

#ccbe60 Preview

Shades and Tints of #ccbe60

Tones of #ccbe60

Color Blindness Simulator