#ffccb2 Color Information
In a RGB color space, hex #ffccb2 is composed of 100% red, 80% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 30.2% yellow and 0% black. It has a hue angle of 20.3 degrees, a saturation of 100% and a lightness of 84.9%. #ffccb2 color hex could be obtained by blending #ffffff with #ff9965. Closest websafe color is: #ffcc99.
-
- R 100
- G 80
- B 70
-
- C 0
- M 20
- Y 30
- K 0
● #ffccb2 color description : Pale orange.
#ffccb2 Color Conversion
The hexadecimal color #ffccb2 has RGB values of R:255, G:204, B:178 and CMYK values of C:0, M:0.2, Y:0.3, K:0. Its decimal value is 16764082.
Hex triplet | ffccb2 | #ffccb2 |
---|---|---|
RGB Decimal | 255, 204, 178 | rgb(255,204,178) |
RGB Percent | 100, 80, 69.8 | rgb(100%,80%,69.8%) |
CMYK | 0, 20, 30, 0 | |
HSL | 20.3°, 100, 84.9 | hsl(20.3,100%,84.9%) |
HSV (or HSB) | 20.3°, 30.2, 100 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 85.837, 14.438, 19.81 |
---|---|
XYZ | 70.868, 67.663, 51.444 |
xyY | 0.373, 0.356, 67.663 |
CIE-LCH | 85.837, 24.513, 53.914 |
CIE-LUV | 85.837, 34.304, 25.339 |
Hunter-Lab | 82.257, 9.836, 20.5 |
Binary | 11111111, 11001100, 10110010 |
Color Schemes with #ffccb2
Alternatives to #ffccb2
Below, you can see some colors close to #ffccb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffccb2 Preview
This text has a font color of #ffccb2.
<span style="color:#ffccb2;">Text here</span>
This paragraph has a background color of #ffccb2.
<p style="background-color:#ffccb2;">Content here</p>
This element has a border color of #ffccb2.
<div style="border:1px solid #ffccb2;">Content here</div>
.text {color:#ffccb2;}
.background {background-color:#ffccb2;}
.border {border:1px solid #ffccb2;}
Shades and Tints of #ffccb2
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, #010000 is the darkest color, while #fff3ed is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#150700
#150700
rgb(21,7,0)
-
#290e00
#290e00
rgb(41,14,0)
-
#3c1400
#3c1400
rgb(60,20,0)
-
#501b00
#501b00
rgb(80,27,0)
-
#642200
#642200
rgb(100,34,0)
-
#772800
#772800
rgb(119,40,0)
-
#8b2f00
#8b2f00
rgb(139,47,0)
-
#9e3500
#9e3500
rgb(158,53,0)
-
#b23c00
#b23c00
rgb(178,60,0)
-
#c64300
#c64300
rgb(198,67,0)
-
#d94900
#d94900
rgb(217,73,0)
-
#ed5000
#ed5000
rgb(237,80,0)
-
#ff5701
#ff5701
rgb(255,87,1)
-
#ff6415
#ff6415
rgb(255,100,21)
-
#ff7129
#ff7129
rgb(255,113,41)
-
#ff7e3c
#ff7e3c
rgb(255,126,60)
-
#ff8b50
#ff8b50
rgb(255,139,80)
-
#ff9864
#ff9864
rgb(255,152,100)
-
#ffa577
#ffa577
rgb(255,165,119)
-
#ffb28b
#ffb28b
rgb(255,178,139)
-
#ffbf9e
#ffbf9e
rgb(255,191,158)
-
#ffccb2
#ffccb2
rgb(255,204,178)
-
#ffd9c6
#ffd9c6
rgb(255,217,198)
-
#ffe6d9
#ffe6d9
rgb(255,230,217)
-
#fff3ed
#fff3ed
rgb(255,243,237)
Tones of #ffccb2
A tone is produced by adding gray to any pure hue. In this case, #dbd8d6 is the less saturated color, while #ffccb2 is the most saturated one.
-
#dbd8d6
#dbd8d6
rgb(219,216,214)
-
#ded7d3
#ded7d3
rgb(222,215,211)
-
#e1d6d0
#e1d6d0
rgb(225,214,208)
-
#e4d5cd
#e4d5cd
rgb(228,213,205)
-
#e7d4ca
#e7d4ca
rgb(231,212,202)
-
#ead3c7
#ead3c7
rgb(234,211,199)
-
#edd2c4
#edd2c4
rgb(237,210,196)
-
#f0d1c1
#f0d1c1
rgb(240,209,193)
-
#f3d0be
#f3d0be
rgb(243,208,190)
-
#f6cfbb
#f6cfbb
rgb(246,207,187)
-
#f9ceb8
#f9ceb8
rgb(249,206,184)
-
#fccdb5
#fccdb5
rgb(252,205,181)
-
#ffccb2
#ffccb2
rgb(255,204,178)
Color Blindness Simulator
Below, you can see how #ffccb2 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.