#c5d8ed Color Information
In a RGB color space, hex #c5d8ed is composed of 77.3% red, 84.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 16.9% cyan, 8.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 211.5 degrees, a saturation of 52.6% and a lightness of 85.1%. #c5d8ed color hex could be obtained by blending #ffffff with #8bb1db. Closest websafe color is: #ccccff.
-
- R 77
- G 85
- B 93
-
- C 17
- M 9
- Y 0
- K 7
● #c5d8ed color description : Light grayish blue.
#c5d8ed Color Conversion
The hexadecimal color #c5d8ed has RGB values of R:197, G:216, B:237 and CMYK values of C:0.17, M:0.09, Y:0, K:0.07. Its decimal value is 12966125.
| Hex triplet | c5d8ed | #c5d8ed |
|---|---|---|
| RGB Decimal | 197, 216, 237 | rgb(197,216,237) |
| RGB Percent | 77.3, 84.7, 92.9 | rgb(77.3%,84.7%,92.9%) |
| CMYK | 17, 9, 0, 7 | |
| HSL | 211.5°, 52.6, 85.1 | hsl(211.5,52.6%,85.1%) |
| HSV (or HSB) | 211.5°, 16.9, 92.9 | |
| Web Safe | ccccff | #ccccff |
| CIE-LAB | 85.552, -2.086, -12.437 |
|---|---|
| XYZ | 62.865, 67.095, 89.755 |
| xyY | 0.286, 0.305, 67.095 |
| CIE-LCH | 85.552, 12.61, 260.477 |
| CIE-LUV | 85.552, -11.102, -19.141 |
| Hunter-Lab | 81.912, -6.353, -7.629 |
| Binary | 11000101, 11011000, 11101101 |
Color Schemes with #c5d8ed
Alternatives to #c5d8ed
Below, you can see some colors close to #c5d8ed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#c5d8ed Preview
This text has a font color of #c5d8ed.
<span style="color:#c5d8ed;">Text here</span>
This paragraph has a background color of #c5d8ed.
<p style="background-color:#c5d8ed;">Content here</p>
This element has a border color of #c5d8ed.
<div style="border:1px solid #c5d8ed;">Content here</div>
.text {color:#c5d8ed;}
.background {background-color:#c5d8ed;}
.border {border:1px solid #c5d8ed;}
Shades and Tints of #c5d8ed
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, #010102 is the darkest color, while #f2f6fb is the lightest one.
-
#010102
#010102rgb(1,1,2) -
#050b11
#050b11rgb(5,11,17) -
#0a1420
#0a1420rgb(10,20,32) -
#0f1e2f
#0f1e2frgb(15,30,47) -
#13273e
#13273ergb(19,39,62) -
#18314d
#18314drgb(24,49,77) -
#1c3a5c
#1c3a5crgb(28,58,92) -
#21446b
#21446brgb(33,68,107) -
#264e7a
#264e7argb(38,78,122) -
#2a5789
#2a5789rgb(42,87,137) -
#2f6198
#2f6198rgb(47,97,152) -
#346aa7
#346aa7rgb(52,106,167) -
#3874b6
#3874b6rgb(56,116,182)
-
#3e7dc3
#3e7dc3rgb(62,125,195) -
#4d87c8
#4d87c8rgb(77,135,200) -
#5c92cc
#5c92ccrgb(92,146,204) -
#6b9cd1
#6b9cd1rgb(107,156,209) -
#7aa6d6
#7aa6d6rgb(122,166,214) -
#89b0da
#89b0dargb(137,176,218) -
#98badf
#98badfrgb(152,186,223) -
#a7c4e4
#a7c4e4rgb(167,196,228) -
#b6cee8
#b6cee8rgb(182,206,232) -
#c5d8ed
#c5d8edrgb(197,216,237) -
#d4e2f2
#d4e2f2rgb(212,226,242) -
#e3ecf6
#e3ecf6rgb(227,236,246) -
#f2f6fb
#f2f6fbrgb(242,246,251)
Tones of #c5d8ed
A tone is produced by adding gray to any pure hue. In this case, #d7d9db is the less saturated color, while #b3d7ff is the most saturated one.
-
#d7d9db
#d7d9dbrgb(215,217,219) -
#d4d9de
#d4d9dergb(212,217,222) -
#d1d9e1
#d1d9e1rgb(209,217,225) -
#ced8e4
#ced8e4rgb(206,216,228) -
#cbd8e7
#cbd8e7rgb(203,216,231) -
#c8d8ea
#c8d8eargb(200,216,234) -
#c5d8ed
#c5d8edrgb(197,216,237) -
#c2d8f0
#c2d8f0rgb(194,216,240) -
#bfd8f3
#bfd8f3rgb(191,216,243) -
#bcd8f6
#bcd8f6rgb(188,216,246) -
#b9d7f9
#b9d7f9rgb(185,215,249) -
#b6d7fc
#b6d7fcrgb(182,215,252) -
#b3d7ff
#b3d7ffrgb(179,215,255)
Color Blindness Simulator
Below, you can see how #c5d8ed 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.
