#ccb248 Color Information
In a RGB color space, hex #ccb248 is composed of 80% red, 69.8% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.7% magenta, 64.7% yellow and 20% black. It has a hue angle of 48.2 degrees, a saturation of 56.4% and a lightness of 54.1%. #ccb248 color hex could be obtained by blending #ffff90 with #996500. Closest websafe color is: #cc9933.
-
- R 80
- G 70
- B 28
-
- C 0
- M 13
- Y 65
- K 20
● #ccb248 color description : Moderate yellow.
#ccb248 Color Conversion
The hexadecimal color #ccb248 has RGB values of R:204, G:178, B:72 and CMYK values of C:0, M:0.13, Y:0.65, K:0.2. Its decimal value is 13414984.
Hex triplet | ccb248 | #ccb248 |
---|---|---|
RGB Decimal | 204, 178, 72 | rgb(204,178,72) |
RGB Percent | 80, 69.8, 28.2 | rgb(80%,69.8%,28.2%) |
CMYK | 0, 13, 65, 20 | |
HSL | 48.2°, 56.4, 54.1 | hsl(48.2,56.4%,54.1%) |
HSV (or HSB) | 48.2°, 64.7, 80 | |
Web Safe | cc9933 | #cc9933 |
CIE-LAB | 72.989, -2.758, 55.882 |
---|---|
XYZ | 41.992, 45.147, 12.633 |
xyY | 0.421, 0.453, 45.147 |
CIE-LCH | 72.989, 55.95, 92.826 |
CIE-LUV | 72.989, 22.789, 64.855 |
Hunter-Lab | 67.192, -6.03, 35.887 |
Binary | 11001100, 10110010, 01001000 |
Color Schemes with #ccb248
Alternatives to #ccb248
Below, you can see some colors close to #ccb248. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccb248 Preview
This text has a font color of #ccb248.
<span style="color:#ccb248;">Text here</span>
This paragraph has a background color of #ccb248.
<p style="background-color:#ccb248;">Content here</p>
This element has a border color of #ccb248.
<div style="border:1px solid #ccb248;">Content here</div>
.text {color:#ccb248;}
.background {background-color:#ccb248;}
.border {border:1px solid #ccb248;}
Shades and Tints of #ccb248
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 #fbf9f1 is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#100e05
#100e05
rgb(16,14,5)
-
#201b09
#201b09
rgb(32,27,9)
-
#2f280d
#2f280d
rgb(47,40,13)
-
#3e3611
#3e3611
rgb(62,54,17)
-
#4e4316
#4e4316
rgb(78,67,22)
-
#5d501a
#5d501a
rgb(93,80,26)
-
#6c5d1e
#6c5d1e
rgb(108,93,30)
-
#7c6a23
#7c6a23
rgb(124,106,35)
-
#8b7727
#8b7727
rgb(139,119,39)
-
#9a852b
#9a852b
rgb(154,133,43)
-
#aa922f
#aa922f
rgb(170,146,47)
-
#b99f34
#b99f34
rgb(185,159,52)
-
#c8ac39
#c8ac39
rgb(200,172,57)
-
#ccb248
#ccb248
rgb(204,178,72)
-
#d0b857
#d0b857
rgb(208,184,87)
-
#d5bf67
#d5bf67
rgb(213,191,103)
-
#d9c576
#d9c576
rgb(217,197,118)
-
#ddcc85
#ddcc85
rgb(221,204,133)
-
#e1d295
#e1d295
rgb(225,210,149)
-
#e6d9a4
#e6d9a4
rgb(230,217,164)
-
#eadfb3
#eadfb3
rgb(234,223,179)
-
#eee6c3
#eee6c3
rgb(238,230,195)
-
#f2ecd2
#f2ecd2
rgb(242,236,210)
-
#f7f3e1
#f7f3e1
rgb(247,243,225)
-
#fbf9f1
#fbf9f1
rgb(251,249,241)
Tones of #ccb248
A tone is produced by adding gray to any pure hue. In this case, #8d8c87 is the less saturated color, while #f9cd1b is the most saturated one.
-
#8d8c87
#8d8c87
rgb(141,140,135)
-
#96917e
#96917e
rgb(150,145,126)
-
#9f9775
#9f9775
rgb(159,151,117)
-
#a89c6c
#a89c6c
rgb(168,156,108)
-
#b1a263
#b1a263
rgb(177,162,99)
-
#baa75a
#baa75a
rgb(186,167,90)
-
#c3ad51
#c3ad51
rgb(195,173,81)
-
#ccb248
#ccb248
rgb(204,178,72)
-
#d5b73f
#d5b73f
rgb(213,183,63)
-
#debd36
#debd36
rgb(222,189,54)
-
#e7c22d
#e7c22d
rgb(231,194,45)
-
#f0c824
#f0c824
rgb(240,200,36)
-
#f9cd1b
#f9cd1b
rgb(249,205,27)
Color Blindness Simulator
Below, you can see how #ccb248 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.