#ffccb0 Color Information
In a RGB color space, hex #ffccb0 is composed of 100% red, 80% green and 69% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 31% yellow and 0% black. It has a hue angle of 21.3 degrees, a saturation of 100% and a lightness of 84.5%. #ffccb0 color hex could be obtained by blending #ffffff with #ff9961. Closest websafe color is: #ffcc99.
-
- R 100
- G 80
- B 69
-
- C 0
- M 20
- Y 31
- K 0
● #ffccb0 color description : Pale orange.
#ffccb0 Color Conversion
The hexadecimal color #ffccb0 has RGB values of R:255, G:204, B:176 and CMYK values of C:0, M:0.2, Y:0.31, K:0. Its decimal value is 16764080.
Hex triplet | ffccb0 | #ffccb0 |
---|---|---|
RGB Decimal | 255, 204, 176 | rgb(255,204,176) |
RGB Percent | 100, 80, 69 | rgb(100%,80%,69%) |
CMYK | 0, 20, 31, 0 | |
HSL | 21.3°, 100, 84.5 | hsl(21.3,100%,84.5%) |
HSV (or HSB) | 21.3°, 31, 100 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 85.797, 14.185, 20.808 |
---|---|
XYZ | 70.669, 67.583, 50.394 |
xyY | 0.375, 0.358, 67.583 |
CIE-LCH | 85.797, 25.183, 55.717 |
CIE-LUV | 85.797, 34.507, 26.694 |
Hunter-Lab | 82.209, 9.578, 21.201 |
Binary | 11111111, 11001100, 10110000 |
Color Schemes with #ffccb0
Alternatives to #ffccb0
Below, you can see some colors close to #ffccb0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffccb0 Preview
This text has a font color of #ffccb0.
<span style="color:#ffccb0;">Text here</span>
This paragraph has a background color of #ffccb0.
<p style="background-color:#ffccb0;">Content here</p>
This element has a border color of #ffccb0.
<div style="border:1px solid #ffccb0;">Content here</div>
.text {color:#ffccb0;}
.background {background-color:#ffccb0;}
.border {border:1px solid #ffccb0;}
Shades and Tints of #ffccb0
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, #130700 is the darkest color, while #fffffe is the lightest one.
-
#130700
#130700
rgb(19,7,0)
-
#270e00
#270e00
rgb(39,14,0)
-
#3a1500
#3a1500
rgb(58,21,0)
-
#4e1c00
#4e1c00
rgb(78,28,0)
-
#622300
#622300
rgb(98,35,0)
-
#752a00
#752a00
rgb(117,42,0)
-
#893000
#893000
rgb(137,48,0)
-
#9c3700
#9c3700
rgb(156,55,0)
-
#b03e00
#b03e00
rgb(176,62,0)
-
#c44500
#c44500
rgb(196,69,0)
-
#d74c00
#d74c00
rgb(215,76,0)
-
#eb5300
#eb5300
rgb(235,83,0)
-
#fe5a00
#fe5a00
rgb(254,90,0)
-
#ff6713
#ff6713
rgb(255,103,19)
-
#ff7327
#ff7327
rgb(255,115,39)
-
#ff803a
#ff803a
rgb(255,128,58)
-
#ff8d4e
#ff8d4e
rgb(255,141,78)
-
#ff9962
#ff9962
rgb(255,153,98)
-
#ffa675
#ffa675
rgb(255,166,117)
-
#ffb389
#ffb389
rgb(255,179,137)
-
#ffbf9c
#ffbf9c
rgb(255,191,156)
-
#ffccb0
#ffccb0
rgb(255,204,176)
-
#ffd9c4
#ffd9c4
rgb(255,217,196)
-
#ffe5d7
#ffe5d7
rgb(255,229,215)
-
#fff2eb
#fff2eb
rgb(255,242,235)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #ffccb0
A tone is produced by adding gray to any pure hue. In this case, #dbd7d4 is the less saturated color, while #ffccb0 is the most saturated one.
-
#dbd7d4
#dbd7d4
rgb(219,215,212)
-
#ded6d1
#ded6d1
rgb(222,214,209)
-
#e1d5ce
#e1d5ce
rgb(225,213,206)
-
#e4d4cb
#e4d4cb
rgb(228,212,203)
-
#e7d3c8
#e7d3c8
rgb(231,211,200)
-
#ead2c5
#ead2c5
rgb(234,210,197)
-
#edd1c2
#edd1c2
rgb(237,209,194)
-
#f0d0bf
#f0d0bf
rgb(240,208,191)
-
#f3d0bc
#f3d0bc
rgb(243,208,188)
-
#f6cfb9
#f6cfb9
rgb(246,207,185)
-
#f9ceb6
#f9ceb6
rgb(249,206,182)
-
#fccdb3
#fccdb3
rgb(252,205,179)
-
#ffccb0
#ffccb0
rgb(255,204,176)
Color Blindness Simulator
Below, you can see how #ffccb0 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.