#c4d5f6 Color Information
In a RGB color space, hex #c4d5f6 is composed of 76.9% red, 83.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 20.3% cyan, 13.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 219.6 degrees, a saturation of 73.5% and a lightness of 86.7%. #c4d5f6 color hex could be obtained by blending #ffffff with #89abed. Closest websafe color is: #ccccff.
-
- R 77
- G 84
- B 96
-
- C 20
- M 13
- Y 0
- K 4
● #c4d5f6 color description : Very soft blue.
#c4d5f6 Color Conversion
The hexadecimal color #c4d5f6 has RGB values of R:196, G:213, B:246 and CMYK values of C:0.2, M:0.13, Y:0, K:0.04. Its decimal value is 12899830.
Hex triplet | c4d5f6 | #c4d5f6 |
---|---|---|
RGB Decimal | 196, 213, 246 | rgb(196,213,246) |
RGB Percent | 76.9, 83.5, 96.5 | rgb(76.9%,83.5%,96.5%) |
CMYK | 20, 13, 0, 4 | |
HSL | 219.6°, 73.5, 86.7 | hsl(219.6,73.5%,86.7%) |
HSV (or HSB) | 219.6°, 20.3, 96.5 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 84.985, 1.11, -18.059 |
---|---|
XYZ | 63.19, 65.977, 96.589 |
xyY | 0.28, 0.292, 65.977 |
CIE-LCH | 84.985, 18.093, 273.519 |
CIE-LUV | 84.985, -10.583, -28.802 |
Hunter-Lab | 81.226, -3.281, -13.646 |
Binary | 11000100, 11010101, 11110110 |
Color Schemes with #c4d5f6
Alternatives to #c4d5f6
Below, you can see some colors close to #c4d5f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#c4d5f6 Preview
This text has a font color of #c4d5f6.
<span style="color:#c4d5f6;">Text here</span>
This paragraph has a background color of #c4d5f6.
<p style="background-color:#c4d5f6;">Content here</p>
This element has a border color of #c4d5f6.
<div style="border:1px solid #c4d5f6;">Content here</div>
.text {color:#c4d5f6;}
.background {background-color:#c4d5f6;}
.border {border:1px solid #c4d5f6;}
Shades and Tints of #c4d5f6
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, #010409 is the darkest color, while #f7f9fe is the lightest one.
-
#010409
#010409
rgb(1,4,9)
-
#040c1a
#040c1a
rgb(4,12,26)
-
#07132b
#07132b
rgb(7,19,43)
-
#091b3c
#091b3c
rgb(9,27,60)
-
#0c224d
#0c224d
rgb(12,34,77)
-
#0e2a5e
#0e2a5e
rgb(14,42,94)
-
#11316f
#11316f
rgb(17,49,111)
-
#143980
#143980
rgb(20,57,128)
-
#164091
#164091
rgb(22,64,145)
-
#1948a2
#1948a2
rgb(25,72,162)
-
#1b4fb3
#1b4fb3
rgb(27,79,179)
-
#1e57c4
#1e57c4
rgb(30,87,196)
-
#215ed5
#215ed5
rgb(33,94,213)
-
#2b68df
#2b68df
rgb(43,104,223)
-
#3c74e1
#3c74e1
rgb(60,116,225)
-
#4d80e4
#4d80e4
rgb(77,128,228)
-
#5e8ce6
#5e8ce6
rgb(94,140,230)
-
#6f98e9
#6f98e9
rgb(111,152,233)
-
#80a5ec
#80a5ec
rgb(128,165,236)
-
#91b1ee
#91b1ee
rgb(145,177,238)
-
#a2bdf1
#a2bdf1
rgb(162,189,241)
-
#b3c9f3
#b3c9f3
rgb(179,201,243)
-
#c4d5f6
#c4d5f6
rgb(196,213,246)
-
#d5e1f9
#d5e1f9
rgb(213,225,249)
-
#e6edfb
#e6edfb
rgb(230,237,251)
-
#f7f9fe
#f7f9fe
rgb(247,249,254)
Tones of #c4d5f6
A tone is produced by adding gray to any pure hue. In this case, #dcddde is the less saturated color, while #bcd2fe is the most saturated one.
-
#dcddde
#dcddde
rgb(220,221,222)
-
#d9dce1
#d9dce1
rgb(217,220,225)
-
#d6dbe4
#d6dbe4
rgb(214,219,228)
-
#d4dae6
#d4dae6
rgb(212,218,230)
-
#d1d9e9
#d1d9e9
rgb(209,217,233)
-
#ced8ec
#ced8ec
rgb(206,216,236)
-
#ccd8ee
#ccd8ee
rgb(204,216,238)
-
#c9d7f1
#c9d7f1
rgb(201,215,241)
-
#c7d6f3
#c7d6f3
rgb(199,214,243)
-
#c4d5f6
#c4d5f6
rgb(196,213,246)
-
#c1d4f9
#c1d4f9
rgb(193,212,249)
-
#bfd3fb
#bfd3fb
rgb(191,211,251)
-
#bcd2fe
#bcd2fe
rgb(188,210,254)
Color Blindness Simulator
Below, you can see how #c4d5f6 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.