#ccb298 hex color

In a RGB color space, hex #ccb298 is composed of 80% red, 69.8% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.7% magenta, 25.5% yellow and 20% black. It has a hue angle of 30 degrees, a saturation of 33.8% and a lightness of 69.8%. #ccb298 color hex could be obtained by blending #ffffff with #996531. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 80
- G 70
- B 60
RGB color chart
- C 0
- M 13
- Y 25
- K 20
CMYK color chart

● #ccb298 color description : Slightly desaturated orange.

The hexadecimal color #ccb298 has RGB values of R:204, G:178, B:152 and CMYK values of C:0, M:0.13, Y:0.25, K:0.2. Its decimal value is 13415064.

Hex triplet	ccb298	`#ccb298`
RGB Decimal	204, 178, 152	`rgb(204,178,152)`
RGB Percent	80, 69.8, 59.6	`rgb(80%,69.8%,59.6%)`
CMYK	0, 13, 25, 20
HSL	30°, 33.8, 69.8	`hsl(30,33.8%,69.8%)`
HSV (or HSB)	30°, 25.5, 80
Web Safe	cc9999	`#cc9999`

CIE-LAB	74.155, 5.349, 16.74
XYZ	46.489, 46.946, 36.317
xyY	0.358, 0.362, 46.946
CIE-LCH	74.155, 17.573, 72.278
CIE-LUV	74.155, 17.816, 22.338
Hunter-Lab	68.517, 1.207, 16.536
Binary	11001100, 10110010, 10011000

#ccb298
```
#ccb298 rgb(204,178,152)
```
#98b2cc
```
#98b2cc rgb(152,178,204)
```

Complementary Color

#cc9898
```
#cc9898 rgb(204,152,152)
```
#ccb298
```
#ccb298 rgb(204,178,152)
```
#cccc98
```
#cccc98 rgb(204,204,152)
```

Analogous Color

#9898cc
```
#9898cc rgb(152,152,204)
```
#ccb298
```
#ccb298 rgb(204,178,152)
```
#98cccc
```
#98cccc rgb(152,204,204)
```

Split Complementary Color

#b298cc
```
#b298cc rgb(178,152,204)
```
#ccb298
```
#ccb298 rgb(204,178,152)
```
#98ccb2
```
#98ccb2 rgb(152,204,178)
```

Triadic Color

#cc98b2
```
#cc98b2 rgb(204,152,178)
```
#ccb298
```
#ccb298 rgb(204,178,152)
```
#98ccb2
```
#98ccb2 rgb(152,204,178)
```
#98b2cc
```
#98b2cc rgb(152,178,204)
```

Tetradic Color

#b38c65
```
#b38c65 rgb(179,140,101)
```
#bb9976
```
#bb9976 rgb(187,153,118)
```
#c4a587
```
#c4a587 rgb(196,165,135)
```
#ccb298
```
#ccb298 rgb(204,178,152)
```
#d4bfa9
```
#d4bfa9 rgb(212,191,169)
```
#ddccba
```
#ddccba rgb(221,204,186)
```
#e5d8cb
```
#e5d8cb rgb(229,216,203)
```

Monochromatic Color

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

#cca598
```
#cca598 rgb(204,165,152)
```
#cca998
```
#cca998 rgb(204,169,152)
```
#ccae98
```
#ccae98 rgb(204,174,152)
```
#ccb298
```
#ccb298 rgb(204,178,152)
```
#ccb698
```
#ccb698 rgb(204,182,152)
```
#ccbb98
```
#ccbb98 rgb(204,187,152)
```
#ccbf98
```
#ccbf98 rgb(204,191,152)
```

Similar Colors

Text with hexadecimal color #ccb298

This text has a font color of #ccb298.

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

#ccb298 background color

This paragraph has a background color of #ccb298.

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

#ccb298 border color

This element has a border color of #ccb298.

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

CSS codes

.text {color:#ccb298;}

.background {background-color:#ccb298;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#0f0b07
```
#0f0b07 rgb(15,11,7)
```
#1c150e
```
#1c150e rgb(28,21,14)
```
#291f14
```
#291f14 rgb(41,31,20)
```
#36291b
```
#36291b rgb(54,41,27)
```
#443321
```
#443321 rgb(68,51,33)
```
#513c28
```
#513c28 rgb(81,60,40)
```
#5e462e
```
#5e462e rgb(94,70,46)
```
#6b5035
```
#6b5035 rgb(107,80,53)
```
#785a3b
```
#785a3b rgb(120,90,59)
```
#856442
```
#856442 rgb(133,100,66)
```
#926d48
```
#926d48 rgb(146,109,72)
```
#9f774f
```
#9f774f rgb(159,119,79)
```

Shade Color Variation

#ac8156
```
#ac8156 rgb(172,129,86)
```
#b28b64
```
#b28b64 rgb(178,139,100)
```
#b99571
```
#b99571 rgb(185,149,113)
```
#bf9e7e
```
#bf9e7e rgb(191,158,126)
```
#c6a88b
```
#c6a88b rgb(198,168,139)
```
#ccb298
```
#ccb298 rgb(204,178,152)
```
#d2bca5
```
#d2bca5 rgb(210,188,165)
```
#d9c6b2
```
#d9c6b2 rgb(217,198,178)
```
#dfcfbf
```
#dfcfbf rgb(223,207,191)
```
#e6d9cc
```
#e6d9cc rgb(230,217,204)
```
#ece3da
```
#ece3da rgb(236,227,218)
```
#f3ede7
```
#f3ede7 rgb(243,237,231)
```
#f9f7f4
```
#f9f7f4 rgb(249,247,244)
```

Tint Color Variation

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

#b4b2b0
```
#b4b2b0 rgb(180,178,176)
```
#bab2aa
```
#bab2aa rgb(186,178,170)
```
#c0b2a4
```
#c0b2a4 rgb(192,178,164)
```
#c6b29e
```
#c6b29e rgb(198,178,158)
```
#ccb298
```
#ccb298 rgb(204,178,152)
```
#d2b292
```
#d2b292 rgb(210,178,146)
```
#d8b28c
```
#d8b28c rgb(216,178,140)
```
#deb286
```
#deb286 rgb(222,178,134)
```
#e4b280
```
#e4b280 rgb(228,178,128)
```
#eab27a
```
#eab27a rgb(234,178,122)
```
#f0b274
```
#f0b274 rgb(240,178,116)
```
#f5b26f
```
#f5b26f rgb(245,178,111)
```
#fbb269
```
#fbb269 rgb(251,178,105)
```

Tone Color Variation

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

Dichromacy

#c3b99f Protanopia 1% of men
#d5b39e Deuteranopia 1% of men
#d3b1bd Tritanopia 0.001% of the population

Trichromacy

#c6b69c Protanomaly 1% of men, 0.01% of women
#d1b29b Deuteranomaly 6% of men, 0.4% of women
#d0b1b0 Tritanomaly 0.01% of the population

#ccb298 hex color

#ccb298 Color Information

#ccb298 Color Conversion

Color Schemes with #ccb298

Alternatives to #ccb298

#ccb298 Preview

Shades and Tints of #ccb298

Tones of #ccb298

Color Blindness Simulator