#ccd3f8 Color Information
In a RGB color space, hex #ccd3f8 is composed of 80% red, 82.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 14.9% magenta, 0% yellow and 2.7% black. It has a hue angle of 230.5 degrees, a saturation of 75.9% and a lightness of 88.6%. #ccd3f8 color hex could be obtained by blending #ffffff with #99a7f1. Closest websafe color is: #ccccff.
-
- R 80
- G 83
- B 97
-
- C 18
- M 15
- Y 0
- K 3
● #ccd3f8 color description : Light grayish blue.
#ccd3f8 Color Conversion
The hexadecimal color #ccd3f8 has RGB values of R:204, G:211, B:248 and CMYK values of C:0.18, M:0.15, Y:0, K:0.03. Its decimal value is 13423608.
Hex triplet | ccd3f8 | #ccd3f8 |
---|---|---|
RGB Decimal | 204, 211, 248 | rgb(204,211,248) |
RGB Percent | 80, 82.7, 97.3 | rgb(80%,82.7%,97.3%) |
CMYK | 18, 15, 0, 3 | |
HSL | 230.5°, 75.9, 88.6 | hsl(230.5,75.9%,88.6%) |
HSV (or HSB) | 230.5°, 17.7, 97.3 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 85.1, 5.049, -18.889 |
---|---|
XYZ | 65.136, 66.203, 98.148 |
xyY | 0.284, 0.288, 66.203 |
CIE-LCH | 85.1, 19.552, 284.965 |
CIE-LUV | 85.1, -5.772, -30.8 |
Hunter-Lab | 81.365, 0.508, -14.565 |
Binary | 11001100, 11010011, 11111000 |
Color Schemes with #ccd3f8
Alternatives to #ccd3f8
Below, you can see some colors close to #ccd3f8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd3f8 Preview
This text has a font color of #ccd3f8.
<span style="color:#ccd3f8;">Text here</span>
This paragraph has a background color of #ccd3f8.
<p style="background-color:#ccd3f8;">Content here</p>
This element has a border color of #ccd3f8.
<div style="border:1px solid #ccd3f8;">Content here</div>
.text {color:#ccd3f8;}
.background {background-color:#ccd3f8;}
.border {border:1px solid #ccd3f8;}
Shades and Tints of #ccd3f8
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, #000001 is the darkest color, while #eef1fd is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#020512
#020512
rgb(2,5,18)
-
#050a23
#050a23
rgb(5,10,35)
-
#070e34
#070e34
rgb(7,14,52)
-
#0a1346
#0a1346
rgb(10,19,70)
-
#0c1857
#0c1857
rgb(12,24,87)
-
#0e1d68
#0e1d68
rgb(14,29,104)
-
#112179
#112179
rgb(17,33,121)
-
#13268b
#13268b
rgb(19,38,139)
-
#152b9c
#152b9c
rgb(21,43,156)
-
#1830ad
#1830ad
rgb(24,48,173)
-
#1a34be
#1a34be
rgb(26,52,190)
-
#1d39d0
#1d39d0
rgb(29,57,208)
-
#203ee0
#203ee0
rgb(32,62,224)
-
#314de3
#314de3
rgb(49,77,227)
-
#425ce5
#425ce5
rgb(66,92,229)
-
#536be7
#536be7
rgb(83,107,231)
-
#657aea
#657aea
rgb(101,122,234)
-
#7689ec
#7689ec
rgb(118,137,236)
-
#8797ef
#8797ef
rgb(135,151,239)
-
#98a6f1
#98a6f1
rgb(152,166,241)
-
#aab5f3
#aab5f3
rgb(170,181,243)
-
#bbc4f6
#bbc4f6
rgb(187,196,246)
-
#ccd3f8
#ccd3f8
rgb(204,211,248)
-
#dde2fa
#dde2fa
rgb(221,226,250)
-
#eef1fd
#eef1fd
rgb(238,241,253)
Tones of #ccd3f8
A tone is produced by adding gray to any pure hue. In this case, #e0e1e4 is the less saturated color, while #c5ceff is the most saturated one.
-
#e0e1e4
#e0e1e4
rgb(224,225,228)
-
#dedfe6
#dedfe6
rgb(222,223,230)
-
#dcdee8
#dcdee8
rgb(220,222,232)
-
#d9dceb
#d9dceb
rgb(217,220,235)
-
#d7dbed
#d7dbed
rgb(215,219,237)
-
#d5d9ef
#d5d9ef
rgb(213,217,239)
-
#d3d8f1
#d3d8f1
rgb(211,216,241)
-
#d0d6f4
#d0d6f4
rgb(208,214,244)
-
#ced5f6
#ced5f6
rgb(206,213,246)
-
#ccd3f8
#ccd3f8
rgb(204,211,248)
-
#cad1fa
#cad1fa
rgb(202,209,250)
-
#c8d0fc
#c8d0fc
rgb(200,208,252)
-
#c5ceff
#c5ceff
rgb(197,206,255)
Color Blindness Simulator
Below, you can see how #ccd3f8 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.