#ccd3f9 Color Information
In a RGB color space, hex #ccd3f9 is composed of 80% red, 82.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 18.1% cyan, 15.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 230.7 degrees, a saturation of 78.9% and a lightness of 88.8%. #ccd3f9 color hex could be obtained by blending #ffffff with #99a7f3. Closest websafe color is: #ccccff.
-
- R 80
- G 83
- B 98
-
- C 18
- M 15
- Y 0
- K 2
● #ccd3f9 color description : Light grayish blue.
#ccd3f9 Color Conversion
The hexadecimal color #ccd3f9 has RGB values of R:204, G:211, B:249 and CMYK values of C:0.18, M:0.15, Y:0, K:0.02. Its decimal value is 13423609.
Hex triplet | ccd3f9 | #ccd3f9 |
---|---|---|
RGB Decimal | 204, 211, 249 | rgb(204,211,249) |
RGB Percent | 80, 82.7, 97.6 | rgb(80%,82.7%,97.6%) |
CMYK | 18, 15, 0, 2 | |
HSL | 230.7°, 78.9, 88.8 | hsl(230.7,78.9%,88.8%) |
HSV (or HSB) | 230.7°, 18.1, 97.6 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 85.131, 5.263, -19.371 |
---|---|
XYZ | 65.292, 66.265, 98.968 |
xyY | 0.283, 0.287, 66.265 |
CIE-LCH | 85.131, 20.073, 285.201 |
CIE-LUV | 85.131, -5.824, -31.63 |
Hunter-Lab | 81.403, 0.715, -15.101 |
Binary | 11001100, 11010011, 11111001 |
Color Schemes with #ccd3f9
Alternatives to #ccd3f9
Below, you can see some colors close to #ccd3f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd3f9 Preview
This text has a font color of #ccd3f9.
<span style="color:#ccd3f9;">Text here</span>
This paragraph has a background color of #ccd3f9.
<p style="background-color:#ccd3f9;">Content here</p>
This element has a border color of #ccd3f9.
<div style="border:1px solid #ccd3f9;">Content here</div>
.text {color:#ccd3f9;}
.background {background-color:#ccd3f9;}
.border {border:1px solid #ccd3f9;}
Shades and Tints of #ccd3f9
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, #000002 is the darkest color, while #eff1fd is the lightest one.
-
#000002
#000002
rgb(0,0,2)
-
#020513
#020513
rgb(2,5,19)
-
#040925
#040925
rgb(4,9,37)
-
#060e36
#060e36
rgb(6,14,54)
-
#081248
#081248
rgb(8,18,72)
-
#0b1759
#0b1759
rgb(11,23,89)
-
#0d1b6b
#0d1b6b
rgb(13,27,107)
-
#0f207d
#0f207d
rgb(15,32,125)
-
#11248e
#11248e
rgb(17,36,142)
-
#1329a0
#1329a0
rgb(19,41,160)
-
#152db1
#152db1
rgb(21,45,177)
-
#1732c3
#1732c3
rgb(23,50,195)
-
#1936d4
#1936d4
rgb(25,54,212)
-
#1c3ce4
#1c3ce4
rgb(28,60,228)
-
#2e4be6
#2e4be6
rgb(46,75,230)
-
#405ae8
#405ae8
rgb(64,90,232)
-
#5169eb
#5169eb
rgb(81,105,235)
-
#6378ed
#6378ed
rgb(99,120,237)
-
#7487ef
#7487ef
rgb(116,135,239)
-
#8696f1
#8696f1
rgb(134,150,241)
-
#97a6f3
#97a6f3
rgb(151,166,243)
-
#a9b5f5
#a9b5f5
rgb(169,181,245)
-
#bac4f7
#bac4f7
rgb(186,196,247)
-
#ccd3f9
#ccd3f9
rgb(204,211,249)
-
#dee2fb
#dee2fb
rgb(222,226,251)
-
#eff1fd
#eff1fd
rgb(239,241,253)
Tones of #ccd3f9
A tone is produced by adding gray to any pure hue. In this case, #e2e2e3 is the less saturated color, while #c8d0fd is the most saturated one.
-
#e2e2e3
#e2e2e3
rgb(226,226,227)
-
#e0e1e5
#e0e1e5
rgb(224,225,229)
-
#dedfe7
#dedfe7
rgb(222,223,231)
-
#dbdeea
#dbdeea
rgb(219,222,234)
-
#d9dcec
#d9dcec
rgb(217,220,236)
-
#d7dbee
#d7dbee
rgb(215,219,238)
-
#d5d9f0
#d5d9f0
rgb(213,217,240)
-
#d3d8f2
#d3d8f2
rgb(211,216,242)
-
#d0d6f5
#d0d6f5
rgb(208,214,245)
-
#ced5f7
#ced5f7
rgb(206,213,247)
-
#ccd3f9
#ccd3f9
rgb(204,211,249)
-
#cad1fb
#cad1fb
rgb(202,209,251)
-
#c8d0fd
#c8d0fd
rgb(200,208,253)
Color Blindness Simulator
Below, you can see how #ccd3f9 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.