#c1d4f2 hex color

In a RGB color space, hex #c1d4f2 is composed of 75.7% red, 83.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 12.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 216.7 degrees, a saturation of 65.3% and a lightness of 85.3%. #c1d4f2 color hex could be obtained by blending #ffffff with #83a9e5. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 76
- G 83
- B 95
RGB color chart
- C 20
- M 12
- Y 0
- K 5
CMYK color chart

● #c1d4f2 color description : Very soft blue.

The hexadecimal color #c1d4f2 has RGB values of R:193, G:212, B:242 and CMYK values of C:0.2, M:0.12, Y:0, K:0.05. Its decimal value is 12702962.

Hex triplet	c1d4f2	`#c1d4f2`
RGB Decimal	193, 212, 242	`rgb(193,212,242)`
RGB Percent	75.7, 83.1, 94.9	`rgb(75.7%,83.1%,94.9%)`
CMYK	20, 12, 0, 5
HSL	216.7°, 65.3, 85.3	`hsl(216.7,65.3%,85.3%)`
HSV (or HSB)	216.7°, 20.2, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.398, -0.149, -16.843
XYZ	61.56, 64.834, 93.27
xyY	0.28, 0.295, 64.834
CIE-LCH	84.398, 16.844, 269.495
CIE-LUV	84.398, -11.441, -26.582
Hunter-Lab	80.52, -4.441, -12.315
Binary	11000001, 11010100, 11110010

#c1d4f2
```
#c1d4f2 rgb(193,212,242)
```
#f2dfc1
```
#f2dfc1 rgb(242,223,193)
```

Complementary Color

#c1edf2
```
#c1edf2 rgb(193,237,242)
```
#c1d4f2
```
#c1d4f2 rgb(193,212,242)
```
#c7c1f2
```
#c7c1f2 rgb(199,193,242)
```

Analogous Color

#edf2c1
```
#edf2c1 rgb(237,242,193)
```
#c1d4f2
```
#c1d4f2 rgb(193,212,242)
```
#f2c7c1
```
#f2c7c1 rgb(242,199,193)
```

Split Complementary Color

#d4f2c1
```
#d4f2c1 rgb(212,242,193)
```
#c1d4f2
```
#c1d4f2 rgb(193,212,242)
```
#f2c1d4
```
#f2c1d4 rgb(242,193,212)
```

Triadic Color

#c1f2df
```
#c1f2df rgb(193,242,223)
```
#c1d4f2
```
#c1d4f2 rgb(193,212,242)
```
#f2c1d4
```
#f2c1d4 rgb(242,193,212)
```
#f2dfc1
```
#f2dfc1 rgb(242,223,193)
```

Tetradic Color

#82a8e5
```
#82a8e5 rgb(130,168,229)
```
#97b7e9
```
#97b7e9 rgb(151,183,233)
```
#acc5ee
```
#acc5ee rgb(172,197,238)
```
#c1d4f2
```
#c1d4f2 rgb(193,212,242)
```
#d6e3f6
```
#d6e3f6 rgb(214,227,246)
```
#ebf1fb
```
#ebf1fb rgb(235,241,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

Below, you can see some colors close to #c1d4f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#c1e0f2
```
#c1e0f2 rgb(193,224,242)
```
#c1dcf2
```
#c1dcf2 rgb(193,220,242)
```
#c1d8f2
```
#c1d8f2 rgb(193,216,242)
```
#c1d4f2
```
#c1d4f2 rgb(193,212,242)
```
#c1d0f2
```
#c1d0f2 rgb(193,208,242)
```
#c1ccf2
```
#c1ccf2 rgb(193,204,242)
```
#c1c8f2
```
#c1c8f2 rgb(193,200,242)
```

Similar Colors

Text with hexadecimal color #c1d4f2

This text has a font color of #c1d4f2.

<span style="color:#c1d4f2;">Text here</span>

#c1d4f2 background color

This paragraph has a background color of #c1d4f2.

<p style="background-color:#c1d4f2;">Content here</p>

#c1d4f2 border color

This element has a border color of #c1d4f2.

<div style="border:1px solid #c1d4f2;">Content here</div>

CSS codes

.text {color:#c1d4f2;}

.background {background-color:#c1d4f2;}

.border {border:1px solid #c1d4f2;}

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, #010103 is the darkest color, while #f2f6fc is the lightest one.

#010103
```
#010103 rgb(1,1,3)
```
#040a13
```
#040a13 rgb(4,10,19)
```
#071223
```
#071223 rgb(7,18,35)
```
#0b1b34
```
#0b1b34 rgb(11,27,52)
```
#0e2344
```
#0e2344 rgb(14,35,68)
```
#122b54
```
#122b54 rgb(18,43,84)
```
#153464
```
#153464 rgb(21,52,100)
```
#183c74
```
#183c74 rgb(24,60,116)
```
#1c4485
```
#1c4485 rgb(28,68,133)
```
#1f4d95
```
#1f4d95 rgb(31,77,149)
```
#2355a5
```
#2355a5 rgb(35,85,165)
```
#265eb5
```
#265eb5 rgb(38,94,181)
```
#2966c5
```
#2966c5 rgb(41,102,197)
```

Shade Color Variation

#2f6fd3
```
#2f6fd3 rgb(47,111,211)
```
#3f7ad7
```
#3f7ad7 rgb(63,122,215)
```
#4f85da
```
#4f85da rgb(79,133,218)
```
#6091de
```
#6091de rgb(96,145,222)
```
#709ce1
```
#709ce1 rgb(112,156,225)
```
#80a7e4
```
#80a7e4 rgb(128,167,228)
```
#90b2e8
```
#90b2e8 rgb(144,178,232)
```
#a1beeb
```
#a1beeb rgb(161,190,235)
```
#b1c9ef
```
#b1c9ef rgb(177,201,239)
```
#c1d4f2
```
#c1d4f2 rgb(193,212,242)
```
#d1dff5
```
#d1dff5 rgb(209,223,245)
```
#e1eaf9
```
#e1eaf9 rgb(225,234,249)
```
#f2f6fc
```
#f2f6fc rgb(242,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #d8d9db is the less saturated color, while #b5d1fe is the most saturated one.

#d8d9db
```
#d8d9db rgb(216,217,219)
```
#d5d9de
```
#d5d9de rgb(213,217,222)
```
#d2d8e1
```
#d2d8e1 rgb(210,216,225)
```
#cfd7e4
```
#cfd7e4 rgb(207,215,228)
```
#cdd7e6
```
#cdd7e6 rgb(205,215,230)
```
#cad6e9
```
#cad6e9 rgb(202,214,233)
```
#c7d5ec
```
#c7d5ec rgb(199,213,236)
```
#c4d5ef
```
#c4d5ef rgb(196,213,239)
```
#c1d4f2
```
#c1d4f2 rgb(193,212,242)
```
#bed3f5
```
#bed3f5 rgb(190,211,245)
```
#bbd3f8
```
#bbd3f8 rgb(187,211,248)
```
#b8d2fb
```
#b8d2fb rgb(184,210,251)
```
#b5d1fe
```
#b5d1fe rgb(181,209,254)
```

Tone Color Variation

Below, you can see how #c1d4f2 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.

Monochromacy

#d2d2d2 Achromatopsia 0.005% of the population
#cfd2d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd3f0 Protanopia 1% of men
#d8d0f4 Deuteranopia 1% of men
#c1d8e7 Tritanopia 0.001% of the population

Trichromacy

#cad3f1 Protanomaly 1% of men, 0.01% of women
#cfd1f3 Deuteranomaly 6% of men, 0.4% of women
#c1d6eb Tritanomaly 0.01% of the population

#c1d4f2 hex color

#c1d4f2 Color Information

#c1d4f2 Color Conversion

Color Schemes with #c1d4f2

Alternatives to #c1d4f2

#c1d4f2 Preview

Shades and Tints of #c1d4f2

Tones of #c1d4f2

Color Blindness Simulator