#9ccaf5 Color Information
In a RGB color space, hex #9ccaf5 is composed of 61.2% red, 79.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 36.3% cyan, 17.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 209 degrees, a saturation of 81.7% and a lightness of 78.6%. #9ccaf5 color hex could be obtained by blending #ffffff with #3995eb. Closest websafe color is: #99ccff.
-
- R 61
- G 79
- B 96
-
- C 36
- M 18
- Y 0
- K 4
● #9ccaf5 color description : Very soft blue.
#9ccaf5 Color Conversion
The hexadecimal color #9ccaf5 has RGB values of R:156, G:202, B:245 and CMYK values of C:0.36, M:0.18, Y:0, K:0.04. Its decimal value is 10275573.
Hex triplet | 9ccaf5 | #9ccaf5 |
---|---|---|
RGB Decimal | 156, 202, 245 | rgb(156,202,245) |
RGB Percent | 61.2, 79.2, 96.1 | rgb(61.2%,79.2%,96.1%) |
CMYK | 36, 18, 0, 4 | |
HSL | 209°, 81.7, 78.6 | hsl(209,81.7%,78.6%) |
HSV (or HSB) | 209°, 36.3, 96.1 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 79.557, -4.764, -26 |
---|---|
XYZ | 51.309, 55.9, 94.467 |
xyY | 0.254, 0.277, 55.9 |
CIE-LCH | 79.557, 26.433, 259.617 |
CIE-LUV | 79.557, -23.689, -40.867 |
Hunter-Lab | 74.766, -8.344, -22.577 |
Binary | 10011100, 11001010, 11110101 |
Color Schemes with #9ccaf5
Alternatives to #9ccaf5
Below, you can see some colors close to #9ccaf5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#9ccaf5 Preview
This text has a font color of #9ccaf5.
<span style="color:#9ccaf5;">Text here</span>
This paragraph has a background color of #9ccaf5.
<p style="background-color:#9ccaf5;">Content here</p>
This element has a border color of #9ccaf5.
<div style="border:1px solid #9ccaf5;">Content here</div>
.text {color:#9ccaf5;}
.background {background-color:#9ccaf5;}
.border {border:1px solid #9ccaf5;}
Shades and Tints of #9ccaf5
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, #010408 is the darkest color, while #f5fafe is the lightest one.
-
#010408
#010408
rgb(1,4,8)
-
#030f1a
#030f1a
rgb(3,15,26)
-
#04192c
#04192c
rgb(4,25,44)
-
#06233d
#06233d
rgb(6,35,61)
-
#082d4f
#082d4f
rgb(8,45,79)
-
#0a3761
#0a3761
rgb(10,55,97)
-
#0c4173
#0c4173
rgb(12,65,115)
-
#0d4b85
#0d4b85
rgb(13,75,133)
-
#0f5596
#0f5596
rgb(15,85,150)
-
#115fa8
#115fa8
rgb(17,95,168)
-
#1369ba
#1369ba
rgb(19,105,186)
-
#1573cc
#1573cc
rgb(21,115,204)
-
#167dde
#167dde
rgb(22,125,222)
-
#1f87e8
#1f87e8
rgb(31,135,232)
-
#3191ea
#3191ea
rgb(49,145,234)
-
#439aec
#439aec
rgb(67,154,236)
-
#55a4ee
#55a4ee
rgb(85,164,238)
-
#67adf0
#67adf0
rgb(103,173,240)
-
#78b7f1
#78b7f1
rgb(120,183,241)
-
#8ac0f3
#8ac0f3
rgb(138,192,243)
-
#9ccaf5
#9ccaf5
rgb(156,202,245)
-
#aed4f7
#aed4f7
rgb(174,212,247)
-
#c0ddf9
#c0ddf9
rgb(192,221,249)
-
#d1e7fa
#d1e7fa
rgb(209,231,250)
-
#e3f0fc
#e3f0fc
rgb(227,240,252)
-
#f5fafe
#f5fafe
rgb(245,250,254)
Tones of #9ccaf5
A tone is produced by adding gray to any pure hue. In this case, #c6c9cb is the less saturated color, while #94cafd is the most saturated one.
-
#c6c9cb
#c6c9cb
rgb(198,201,203)
-
#c2c9cf
#c2c9cf
rgb(194,201,207)
-
#bec9d3
#bec9d3
rgb(190,201,211)
-
#b9c9d8
#b9c9d8
rgb(185,201,216)
-
#b5c9dc
#b5c9dc
rgb(181,201,220)
-
#b1c9e0
#b1c9e0
rgb(177,201,224)
-
#adc9e4
#adc9e4
rgb(173,201,228)
-
#a9cae8
#a9cae8
rgb(169,202,232)
-
#a4caed
#a4caed
rgb(164,202,237)
-
#a0caf1
#a0caf1
rgb(160,202,241)
-
#9ccaf5
#9ccaf5
rgb(156,202,245)
-
#98caf9
#98caf9
rgb(152,202,249)
-
#94cafd
#94cafd
rgb(148,202,253)
Color Blindness Simulator
Below, you can see how #9ccaf5 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.