#ccd3f0 Color Information
In a RGB color space, hex #ccd3f0 is composed of 80% red, 82.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 12.1% magenta, 0% yellow and 5.9% black. It has a hue angle of 228.3 degrees, a saturation of 54.5% and a lightness of 87.1%. #ccd3f0 color hex could be obtained by blending #ffffff with #99a7e1. Closest websafe color is: #ccccff.
-
- R 80
- G 83
- B 94
-
- C 15
- M 12
- Y 0
- K 6
● #ccd3f0 color description : Light grayish blue.
#ccd3f0 Color Conversion
The hexadecimal color #ccd3f0 has RGB values of R:204, G:211, B:240 and CMYK values of C:0.15, M:0.12, Y:0, K:0.06. Its decimal value is 13423600.
Hex triplet | ccd3f0 | #ccd3f0 |
---|---|---|
RGB Decimal | 204, 211, 240 | rgb(204,211,240) |
RGB Percent | 80, 82.7, 94.1 | rgb(80%,82.7%,94.1%) |
CMYK | 15, 12, 0, 6 | |
HSL | 228.3°, 54.5, 87.1 | hsl(228.3,54.5%,87.1%) |
HSV (or HSB) | 228.3°, 15, 94.1 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 84.852, 3.36, -15.024 |
---|---|
XYZ | 63.921, 65.717, 91.75 |
xyY | 0.289, 0.297, 65.717 |
CIE-LCH | 84.852, 15.395, 282.607 |
CIE-LUV | 84.852, -5.359, -24.193 |
Hunter-Lab | 81.066, -1.116, -10.358 |
Binary | 11001100, 11010011, 11110000 |
Color Schemes with #ccd3f0
Alternatives to #ccd3f0
Below, you can see some colors close to #ccd3f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd3f0 Preview
This text has a font color of #ccd3f0.
<span style="color:#ccd3f0;">Text here</span>
This paragraph has a background color of #ccd3f0.
<p style="background-color:#ccd3f0;">Content here</p>
This element has a border color of #ccd3f0.
<div style="border:1px solid #ccd3f0;">Content here</div>
.text {color:#ccd3f0;}
.background {background-color:#ccd3f0;}
.border {border:1px solid #ccd3f0;}
Shades and Tints of #ccd3f0
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, #03040a is the darkest color, while #f9fafd is the lightest one.
-
#03040a
#03040a
rgb(3,4,10)
-
#070b19
#070b19
rgb(7,11,25)
-
#0c1128
#0c1128
rgb(12,17,40)
-
#101837
#101837
rgb(16,24,55)
-
#151e46
#151e46
rgb(21,30,70)
-
#192555
#192555
rgb(25,37,85)
-
#1e2b65
#1e2b65
rgb(30,43,101)
-
#223274
#223274
rgb(34,50,116)
-
#263883
#263883
rgb(38,56,131)
-
#2b3f92
#2b3f92
rgb(43,63,146)
-
#2f46a1
#2f46a1
rgb(47,70,161)
-
#344cb0
#344cb0
rgb(52,76,176)
-
#3853c0
#3853c0
rgb(56,83,192)
-
#445dc8
#445dc8
rgb(68,93,200)
-
#536acc
#536acc
rgb(83,106,204)
-
#6277d1
#6277d1
rgb(98,119,209)
-
#7185d5
#7185d5
rgb(113,133,213)
-
#8092da
#8092da
rgb(128,146,218)
-
#8f9fde
#8f9fde
rgb(143,159,222)
-
#9face3
#9face3
rgb(159,172,227)
-
#aeb9e7
#aeb9e7
rgb(174,185,231)
-
#bdc6ec
#bdc6ec
rgb(189,198,236)
-
#ccd3f0
#ccd3f0
rgb(204,211,240)
-
#dbe0f4
#dbe0f4
rgb(219,224,244)
-
#eaedf9
#eaedf9
rgb(234,237,249)
-
#f9fafd
#f9fafd
rgb(249,250,253)
Tones of #ccd3f0
A tone is produced by adding gray to any pure hue. In this case, #dedede is the less saturated color, while #bfcbfd is the most saturated one.
-
#dedede
#dedede
rgb(222,222,222)
-
#dbdce1
#dbdce1
rgb(219,220,225)
-
#d9dbe3
#d9dbe3
rgb(217,219,227)
-
#d6d9e6
#d6d9e6
rgb(214,217,230)
-
#d4d8e8
#d4d8e8
rgb(212,216,232)
-
#d1d6eb
#d1d6eb
rgb(209,214,235)
-
#cfd5ed
#cfd5ed
rgb(207,213,237)
-
#ccd3f0
#ccd3f0
rgb(204,211,240)
-
#c9d1f3
#c9d1f3
rgb(201,209,243)
-
#c7d0f5
#c7d0f5
rgb(199,208,245)
-
#c4cef8
#c4cef8
rgb(196,206,248)
-
#c2cdfa
#c2cdfa
rgb(194,205,250)
-
#bfcbfd
#bfcbfd
rgb(191,203,253)
Color Blindness Simulator
Below, you can see how #ccd3f0 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.