#ffcca2 Color Information
In a RGB color space, hex #ffcca2 is composed of 100% red, 80% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 36.5% yellow and 0% black. It has a hue angle of 27.1 degrees, a saturation of 100% and a lightness of 81.8%. #ffcca2 color hex could be obtained by blending #ffffff with #ff9945. Closest websafe color is: #ffcc99.
-
- R 100
- G 80
- B 64
-
- C 0
- M 20
- Y 36
- K 0
● #ffcca2 color description : Pale orange.
#ffcca2 Color Conversion
The hexadecimal color #ffcca2 has RGB values of R:255, G:204, B:162 and CMYK values of C:0, M:0.2, Y:0.36, K:0. Its decimal value is 16764066.
Hex triplet | ffcca2 | #ffcca2 |
---|---|---|
RGB Decimal | 255, 204, 162 | rgb(255,204,162) |
RGB Percent | 100, 80, 63.5 | rgb(100%,80%,63.5%) |
CMYK | 0, 20, 36, 0 | |
HSL | 27.1°, 100, 81.8 | hsl(27.1,100%,81.8%) |
HSV (or HSB) | 27.1°, 36.5, 100 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 85.533, 12.5, 27.788 |
---|---|
XYZ | 69.354, 67.057, 43.471 |
xyY | 0.386, 0.373, 67.057 |
CIE-LCH | 85.533, 30.47, 65.781 |
CIE-LUV | 85.533, 35.875, 35.855 |
Hunter-Lab | 81.888, 7.874, 25.848 |
Binary | 11111111, 11001100, 10100010 |
Color Schemes with #ffcca2
Alternatives to #ffcca2
Below, you can see some colors close to #ffcca2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcca2 Preview
This text has a font color of #ffcca2.
<span style="color:#ffcca2;">Text here</span>
This paragraph has a background color of #ffcca2.
<p style="background-color:#ffcca2;">Content here</p>
This element has a border color of #ffcca2.
<div style="border:1px solid #ffcca2;">Content here</div>
.text {color:#ffcca2;}
.background {background-color:#ffcca2;}
.border {border:1px solid #ffcca2;}
Shades and Tints of #ffcca2
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, #050200 is the darkest color, while #fff7f0 is the lightest one.
-
#050200
#050200
rgb(5,2,0)
-
#190b00
#190b00
rgb(25,11,0)
-
#2c1400
#2c1400
rgb(44,20,0)
-
#401d00
#401d00
rgb(64,29,0)
-
#542600
#542600
rgb(84,38,0)
-
#672f00
#672f00
rgb(103,47,0)
-
#7b3700
#7b3700
rgb(123,55,0)
-
#8e4000
#8e4000
rgb(142,64,0)
-
#a24900
#a24900
rgb(162,73,0)
-
#b65200
#b65200
rgb(182,82,0)
-
#c95b00
#c95b00
rgb(201,91,0)
-
#dd6400
#dd6400
rgb(221,100,0)
-
#f06d00
#f06d00
rgb(240,109,0)
-
#ff7605
#ff7605
rgb(255,118,5)
-
#ff8119
#ff8119
rgb(255,129,25)
-
#ff8b2c
#ff8b2c
rgb(255,139,44)
-
#ff9640
#ff9640
rgb(255,150,64)
-
#ffa154
#ffa154
rgb(255,161,84)
-
#ffac67
#ffac67
rgb(255,172,103)
-
#ffb67b
#ffb67b
rgb(255,182,123)
-
#ffc18e
#ffc18e
rgb(255,193,142)
-
#ffcca2
#ffcca2
rgb(255,204,162)
-
#ffd7b6
#ffd7b6
rgb(255,215,182)
-
#ffe2c9
#ffe2c9
rgb(255,226,201)
-
#ffecdd
#ffecdd
rgb(255,236,221)
-
#fff7f0
#fff7f0
rgb(255,247,240)
Tones of #ffcca2
A tone is produced by adding gray to any pure hue. In this case, #d4d0cd is the less saturated color, while #ffcca2 is the most saturated one.
-
#d4d0cd
#d4d0cd
rgb(212,208,205)
-
#d8d0c9
#d8d0c9
rgb(216,208,201)
-
#dbcfc6
#dbcfc6
rgb(219,207,198)
-
#dfcfc2
#dfcfc2
rgb(223,207,194)
-
#e2cfbf
#e2cfbf
rgb(226,207,191)
-
#e6cebb
#e6cebb
rgb(230,206,187)
-
#eaceb7
#eaceb7
rgb(234,206,183)
-
#edceb4
#edceb4
rgb(237,206,180)
-
#f1cdb0
#f1cdb0
rgb(241,205,176)
-
#f4cdad
#f4cdad
rgb(244,205,173)
-
#f8cda9
#f8cda9
rgb(248,205,169)
-
#fbcca6
#fbcca6
rgb(251,204,166)
-
#ffcca2
#ffcca2
rgb(255,204,162)
Color Blindness Simulator
Below, you can see how #ffcca2 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.