#ccdded Color Information
In a RGB color space, hex #ccdded is composed of 80% red, 86.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 13.9% cyan, 6.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 209.1 degrees, a saturation of 47.8% and a lightness of 86.5%. #ccdded color hex could be obtained by blending #ffffff with #99bbdb. Closest websafe color is: #ccccff.
-
- R 80
- G 87
- B 93
-
- C 14
- M 7
- Y 0
- K 7
● #ccdded color description : Light grayish blue.
#ccdded Color Conversion
The hexadecimal color #ccdded has RGB values of R:204, G:221, B:237 and CMYK values of C:0.14, M:0.07, Y:0, K:0.07. Its decimal value is 13426157.
Hex triplet | ccdded | #ccdded |
---|---|---|
RGB Decimal | 204, 221, 237 | rgb(204,221,237) |
RGB Percent | 80, 86.7, 92.9 | rgb(80%,86.7%,92.9%) |
CMYK | 14, 7, 0, 7 | |
HSL | 209.1°, 47.8, 86.5 | hsl(209.1,47.8%,86.5%) |
HSV (or HSB) | 209.1°, 13.9, 92.9 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 87.321, -2.495, -9.749 |
---|---|
XYZ | 66.041, 70.664, 90.276 |
xyY | 0.291, 0.311, 70.664 |
CIE-LCH | 87.321, 10.063, 255.643 |
CIE-LUV | 87.321, -9.901, -14.799 |
Hunter-Lab | 84.062, -6.874, -4.83 |
Binary | 11001100, 11011101, 11101101 |
Color Schemes with #ccdded
Alternatives to #ccdded
Below, you can see some colors close to #ccdded. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccdded Preview
This text has a font color of #ccdded.
<span style="color:#ccdded;">Text here</span>
This paragraph has a background color of #ccdded.
<p style="background-color:#ccdded;">Content here</p>
This element has a border color of #ccdded.
<div style="border:1px solid #ccdded;">Content here</div>
.text {color:#ccdded;}
.background {background-color:#ccdded;}
.border {border:1px solid #ccdded;}
Shades and Tints of #ccdded
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, #020507 is the darkest color, while #f7fafc is the lightest one.
-
#020507
#020507
rgb(2,5,7)
-
#080f15
#080f15
rgb(8,15,21)
-
#0d1924
#0d1924
rgb(13,25,36)
-
#122332
#122332
rgb(18,35,50)
-
#172d41
#172d41
rgb(23,45,65)
-
#1c374f
#1c374f
rgb(28,55,79)
-
#21405e
#21405e
rgb(33,64,94)
-
#264a6c
#264a6c
rgb(38,74,108)
-
#2b547b
#2b547b
rgb(43,84,123)
-
#315e89
#315e89
rgb(49,94,137)
-
#366898
#366898
rgb(54,104,152)
-
#3b72a6
#3b72a6
rgb(59,114,166)
-
#407cb5
#407cb5
rgb(64,124,181)
-
#4a86bf
#4a86bf
rgb(74,134,191)
-
#5890c4
#5890c4
rgb(88,144,196)
-
#6799c9
#6799c9
rgb(103,153,201)
-
#75a3ce
#75a3ce
rgb(117,163,206)
-
#84add3
#84add3
rgb(132,173,211)
-
#92b6d9
#92b6d9
rgb(146,182,217)
-
#a1c0de
#a1c0de
rgb(161,192,222)
-
#afcae3
#afcae3
rgb(175,202,227)
-
#bed3e8
#bed3e8
rgb(190,211,232)
-
#ccdded
#ccdded
rgb(204,221,237)
-
#dae7f2
#dae7f2
rgb(218,231,242)
-
#e9f0f7
#e9f0f7
rgb(233,240,247)
-
#f7fafc
#f7fafc
rgb(247,250,252)
Tones of #ccdded
A tone is produced by adding gray to any pure hue. In this case, #dcdddd is the less saturated color, while #bcddfd is the most saturated one.
-
#dcdddd
#dcdddd
rgb(220,221,221)
-
#d9dde0
#d9dde0
rgb(217,221,224)
-
#d7dde2
#d7dde2
rgb(215,221,226)
-
#d4dde5
#d4dde5
rgb(212,221,229)
-
#d1dde8
#d1dde8
rgb(209,221,232)
-
#cfddea
#cfddea
rgb(207,221,234)
-
#ccdded
#ccdded
rgb(204,221,237)
-
#c9ddf0
#c9ddf0
rgb(201,221,240)
-
#c7ddf2
#c7ddf2
rgb(199,221,242)
-
#c4ddf5
#c4ddf5
rgb(196,221,245)
-
#c1ddf8
#c1ddf8
rgb(193,221,248)
-
#bfddfa
#bfddfa
rgb(191,221,250)
-
#bcddfd
#bcddfd
rgb(188,221,253)
Color Blindness Simulator
Below, you can see how #ccdded 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.