#9ccdff Color Information
In a RGB color space, hex #9ccdff is composed of 61.2% red, 80.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 19.6% magenta, 0% yellow and 0% black. It has a hue angle of 210.3 degrees, a saturation of 100% and a lightness of 80.6%. #9ccdff color hex could be obtained by blending #ffffff with #399bff. Closest websafe color is: #99ccff.
-
- R 61
- G 80
- B 100
-
- C 39
- M 20
- Y 0
- K 0
● #9ccdff color description : Pale blue.
#9ccdff Color Conversion
The hexadecimal color #9ccdff has RGB values of R:156, G:205, B:255 and CMYK values of C:0.39, M:0.2, Y:0, K:0. Its decimal value is 10276351.
Hex triplet | 9ccdff | #9ccdff |
---|---|---|
RGB Decimal | 156, 205, 255 | rgb(156,205,255) |
RGB Percent | 61.2, 80.4, 100 | rgb(61.2%,80.4%,100%) |
CMYK | 39, 20, 0, 0 | |
HSL | 210.3°, 100, 80.6 | hsl(210.3,100%,80.6%) |
HSV (or HSB) | 210.3°, 38.8, 100 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 80.71, -3.795, -29.567 |
---|---|
XYZ | 53.588, 57.948, 102.964 |
xyY | 0.25, 0.27, 57.948 |
CIE-LCH | 80.71, 29.809, 262.685 |
CIE-LUV | 80.71, -24.985, -47.121 |
Hunter-Lab | 76.124, -7.561, -26.908 |
Binary | 10011100, 11001101, 11111111 |
Color Schemes with #9ccdff
Alternatives to #9ccdff
Below, you can see some colors close to #9ccdff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#9ccdff Preview
This text has a font color of #9ccdff.
<span style="color:#9ccdff;">Text here</span>
This paragraph has a background color of #9ccdff.
<p style="background-color:#9ccdff;">Content here</p>
This element has a border color of #9ccdff.
<div style="border:1px solid #9ccdff;">Content here</div>
.text {color:#9ccdff;}
.background {background-color:#9ccdff;}
.border {border:1px solid #9ccdff;}
Shades and Tints of #9ccdff
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, #000913 is the darkest color, while #feffff is the lightest one.
-
#000913
#000913
rgb(0,9,19)
-
#001326
#001326
rgb(0,19,38)
-
#001d3a
#001d3a
rgb(0,29,58)
-
#00264e
#00264e
rgb(0,38,78)
-
#003061
#003061
rgb(0,48,97)
-
#003a75
#003a75
rgb(0,58,117)
-
#004488
#004488
rgb(0,68,136)
-
#004d9c
#004d9c
rgb(0,77,156)
-
#0057b0
#0057b0
rgb(0,87,176)
-
#0061c3
#0061c3
rgb(0,97,195)
-
#006ad7
#006ad7
rgb(0,106,215)
-
#0074ea
#0074ea
rgb(0,116,234)
-
#007efe
#007efe
rgb(0,126,254)
-
#1388ff
#1388ff
rgb(19,136,255)
-
#2692ff
#2692ff
rgb(38,146,255)
-
#3a9bff
#3a9bff
rgb(58,155,255)
-
#4ea5ff
#4ea5ff
rgb(78,165,255)
-
#61afff
#61afff
rgb(97,175,255)
-
#75b9ff
#75b9ff
rgb(117,185,255)
-
#88c3ff
#88c3ff
rgb(136,195,255)
-
#9ccdff
#9ccdff
rgb(156,205,255)
-
#b0d7ff
#b0d7ff
rgb(176,215,255)
-
#c3e1ff
#c3e1ff
rgb(195,225,255)
-
#d7ebff
#d7ebff
rgb(215,235,255)
-
#eaf5ff
#eaf5ff
rgb(234,245,255)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #9ccdff
A tone is produced by adding gray to any pure hue. In this case, #cacdd1 is the less saturated color, while #9ccdff is the most saturated one.
-
#cacdd1
#cacdd1
rgb(202,205,209)
-
#c6cdd5
#c6cdd5
rgb(198,205,213)
-
#c2cdd9
#c2cdd9
rgb(194,205,217)
-
#becddd
#becddd
rgb(190,205,221)
-
#bacde1
#bacde1
rgb(186,205,225)
-
#b7cde4
#b7cde4
rgb(183,205,228)
-
#b3cde8
#b3cde8
rgb(179,205,232)
-
#afcdec
#afcdec
rgb(175,205,236)
-
#abcdf0
#abcdf0
rgb(171,205,240)
-
#a7cdf4
#a7cdf4
rgb(167,205,244)
-
#a4cdf7
#a4cdf7
rgb(164,205,247)
-
#a0cdfb
#a0cdfb
rgb(160,205,251)
-
#9ccdff
#9ccdff
rgb(156,205,255)
Color Blindness Simulator
Below, you can see how #9ccdff 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.