#c1d7f0 hex color

In a RGB color space, hex #c1d7f0 is composed of 75.7% red, 84.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 19.6% cyan, 10.4% magenta, 0% yellow and 5.9% black. It has a hue angle of 211.9 degrees, a saturation of 61% and a lightness of 84.9%. #c1d7f0 color hex could be obtained by blending #ffffff with #83afe1. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 76
- G 84
- B 94
RGB color chart
- C 20
- M 10
- Y 0
- K 6
CMYK color chart

● #c1d7f0 color description : Light grayish blue.

The hexadecimal color #c1d7f0 has RGB values of R:193, G:215, B:240 and CMYK values of C:0.2, M:0.1, Y:0, K:0.06. Its decimal value is 12703728.

Hex triplet	c1d7f0	`#c1d7f0`
RGB Decimal	193, 215, 240	`rgb(193,215,240)`
RGB Percent	75.7, 84.3, 94.1	`rgb(75.7%,84.3%,94.1%)`
CMYK	20, 10, 0, 6
HSL	211.9°, 61, 84.9	`hsl(211.9,61%,84.9%)`
HSV (or HSB)	211.9°, 19.6, 94.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.113, -2.158, -14.71
XYZ	62.018, 66.228, 91.949
xyY	0.282, 0.301, 66.228
CIE-LCH	85.113, 14.867, 261.653
CIE-LUV	85.113, -12.726, -22.803
Hunter-Lab	81.381, -6.388, -10.023
Binary	11000001, 11010111, 11110000

#c1d7f0
```
#c1d7f0 rgb(193,215,240)
```
#f0dac1
```
#f0dac1 rgb(240,218,193)
```

Complementary Color

#c1eff0
```
#c1eff0 rgb(193,239,240)
```
#c1d7f0
```
#c1d7f0 rgb(193,215,240)
```
#c3c1f0
```
#c3c1f0 rgb(195,193,240)
```

Analogous Color

#eff0c1
```
#eff0c1 rgb(239,240,193)
```
#c1d7f0
```
#c1d7f0 rgb(193,215,240)
```
#f0c3c1
```
#f0c3c1 rgb(240,195,193)
```

Split Complementary Color

#d7f0c1
```
#d7f0c1 rgb(215,240,193)
```
#c1d7f0
```
#c1d7f0 rgb(193,215,240)
```
#f0c1d7
```
#f0c1d7 rgb(240,193,215)
```

Triadic Color

#c1f0da
```
#c1f0da rgb(193,240,218)
```
#c1d7f0
```
#c1d7f0 rgb(193,215,240)
```
#f0c1d7
```
#f0c1d7 rgb(240,193,215)
```
#f0dac1
```
#f0dac1 rgb(240,218,193)
```

Tetradic Color

#83afe1
```
#83afe1 rgb(131,175,225)
```
#98bde6
```
#98bde6 rgb(152,189,230)
```
#accaeb
```
#accaeb rgb(172,202,235)
```
#c1d7f0
```
#c1d7f0 rgb(193,215,240)
```
#d6e4f5
```
#d6e4f5 rgb(214,228,245)
```
#eaf1fa
```
#eaf1fa rgb(234,241,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c1e3f0
```
#c1e3f0 rgb(193,227,240)
```
#c1dff0
```
#c1dff0 rgb(193,223,240)
```
#c1dbf0
```
#c1dbf0 rgb(193,219,240)
```
#c1d7f0
```
#c1d7f0 rgb(193,215,240)
```
#c1d3f0
```
#c1d3f0 rgb(193,211,240)
```
#c1cff0
```
#c1cff0 rgb(193,207,240)
```
#c1cbf0
```
#c1cbf0 rgb(193,203,240)
```

Similar Colors

Text with hexadecimal color #c1d7f0

This text has a font color of #c1d7f0.

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

#c1d7f0 background color

This paragraph has a background color of #c1d7f0.

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

#c1d7f0 border color

This element has a border color of #c1d7f0.

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

CSS codes

.text {color:#c1d7f0;}

.background {background-color:#c1d7f0;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040a11
```
#040a11 rgb(4,10,17)
```
#081421
```
#081421 rgb(8,20,33)
```
#0c1d31
```
#0c1d31 rgb(12,29,49)
```
#102640
```
#102640 rgb(16,38,64)
```
#133050
```
#133050 rgb(19,48,80)
```
#173960
```
#173960 rgb(23,57,96)
```
#1b4370
```
#1b4370 rgb(27,67,112)
```
#1f4c80
```
#1f4c80 rgb(31,76,128)
```
#23568f
```
#23568f rgb(35,86,143)
```
#265f9f
```
#265f9f rgb(38,95,159)
```
#2a68af
```
#2a68af rgb(42,104,175)
```
#2e72bf
```
#2e72bf rgb(46,114,191)
```

Shade Color Variation

#337bce
```
#337bce rgb(51,123,206)
```
#4385d1
```
#4385d1 rgb(67,133,209)
```
#5290d5
```
#5290d5 rgb(82,144,213)
```
#629ad9
```
#629ad9 rgb(98,154,217)
```
#72a4dd
```
#72a4dd rgb(114,164,221)
```
#82aee1
```
#82aee1 rgb(130,174,225)
```
#92b8e5
```
#92b8e5 rgb(146,184,229)
```
#a1c3e8
```
#a1c3e8 rgb(161,195,232)
```
#b1cdec
```
#b1cdec rgb(177,205,236)
```
#c1d7f0
```
#c1d7f0 rgb(193,215,240)
```
#d1e1f4
```
#d1e1f4 rgb(209,225,244)
```
#e1ebf8
```
#e1ebf8 rgb(225,235,248)
```
#f0f6fb
```
#f0f6fb rgb(240,246,251)
```

Tint Color Variation

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

#d6d8db
```
#d6d8db rgb(214,216,219)
```
#d3d8de
```
#d3d8de rgb(211,216,222)
```
#d0d8e1
```
#d0d8e1 rgb(208,216,225)
```
#cdd8e4
```
#cdd8e4 rgb(205,216,228)
```
#cad8e7
```
#cad8e7 rgb(202,216,231)
```
#c7d7ea
```
#c7d7ea rgb(199,215,234)
```
#c4d7ed
```
#c4d7ed rgb(196,215,237)
```
#c1d7f0
```
#c1d7f0 rgb(193,215,240)
```
#bed7f3
```
#bed7f3 rgb(190,215,243)
```
#bbd7f6
```
#bbd7f6 rgb(187,215,246)
```
#b8d6f9
```
#b8d6f9 rgb(184,214,249)
```
#b5d6fc
```
#b5d6fc rgb(181,214,252)
```
#b2d6ff
```
#b2d6ff rgb(178,214,255)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#cfd4d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d5ee Protanopia 1% of men
#dcd1f3 Deuteranopia 1% of men
#c2dae9 Tritanopia 0.001% of the population

Trichromacy

#ccd5ef Protanomaly 1% of men, 0.01% of women
#d2d3f2 Deuteranomaly 6% of men, 0.4% of women
#c2d9ec Tritanomaly 0.01% of the population

#c1d7f0 hex color

#c1d7f0 Color Information

#c1d7f0 Color Conversion

Color Schemes with #c1d7f0

Alternatives to #c1d7f0

#c1d7f0 Preview

Shades and Tints of #c1d7f0

Tones of #c1d7f0

Color Blindness Simulator