colorhexa.com

#c9d3f2 hex color

In a RGB color space, hex #c9d3f2 is composed of 78.8% red, 82.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 16.9% cyan, 12.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 225.4 degrees, a saturation of 61.2% and a lightness of 86.9%. #c9d3f2 color hex could be obtained by blending #ffffff with #93a7e5. Closest websafe color is: #ccccff.

- R 79
- G 83
- B 95
RGB color chart
- C 17
- M 13
- Y 0
- K 5
CMYK color chart

● #c9d3f2 color description : Light grayish blue.

The hexadecimal color #c9d3f2 has RGB values of R:201, G:211, B:242 and CMYK values of C:0.17, M:0.13, Y:0, K:0.05. Its decimal value is 13226994.

Hex triplet	c9d3f2	`#c9d3f2`
RGB Decimal	201, 211, 242	`rgb(201,211,242)`
RGB Percent	78.8, 82.7, 94.9	`rgb(78.8%,82.7%,94.9%)`
CMYK	17, 13, 0, 5
HSL	225.4°, 61.2, 86.9	`hsl(225.4,61.2%,86.9%)`
HSV (or HSB)	225.4°, 16.9, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.698, 2.842, -16.337
XYZ	63.406, 65.416, 93.286
xyY	0.285, 0.295, 65.416
CIE-LCH	84.698, 16.583, 279.869
CIE-LUV	84.698, -6.998, -26.243
Hunter-Lab	80.88, -1.606, -11.768
Binary	11001001, 11010011, 11110010

#c9d3f2
```
#c9d3f2 rgb(201,211,242)
```
#f2e8c9
```
#f2e8c9 rgb(242,232,201)
```

Complementary Color

#c9e8f2
```
#c9e8f2 rgb(201,232,242)
```
#c9d3f2
```
#c9d3f2 rgb(201,211,242)
```
#d4c9f2
```
#d4c9f2 rgb(212,201,242)
```

Analogous Color

#e8f2c9
```
#e8f2c9 rgb(232,242,201)
```
#c9d3f2
```
#c9d3f2 rgb(201,211,242)
```
#f2d4c9
```
#f2d4c9 rgb(242,212,201)
```

Split Complementary Color

#d3f2c9
```
#d3f2c9 rgb(211,242,201)
```
#c9d3f2
```
#c9d3f2 rgb(201,211,242)
```
#f2c9d3
```
#f2c9d3 rgb(242,201,211)
```

Triadic Color

#c9f2e8
```
#c9f2e8 rgb(201,242,232)
```
#c9d3f2
```
#c9d3f2 rgb(201,211,242)
```
#f2c9d3
```
#f2c9d3 rgb(242,201,211)
```
#f2e8c9
```
#f2e8c9 rgb(242,232,201)
```

Tetradic Color

#8ba1e3
```
#8ba1e3 rgb(139,161,227)
```
#a0b2e8
```
#a0b2e8 rgb(160,178,232)
```
#b4c2ed
```
#b4c2ed rgb(180,194,237)
```
#c9d3f2
```
#c9d3f2 rgb(201,211,242)
```
#dee4f7
```
#dee4f7 rgb(222,228,247)
```
#f2f4fc
```
#f2f4fc rgb(242,244,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c9ddf2
```
#c9ddf2 rgb(201,221,242)
```
#c9daf2
```
#c9daf2 rgb(201,218,242)
```
#c9d6f2
```
#c9d6f2 rgb(201,214,242)
```
#c9d3f2
```
#c9d3f2 rgb(201,211,242)
```
#c9d0f2
```
#c9d0f2 rgb(201,208,242)
```
#c9ccf2
```
#c9ccf2 rgb(201,204,242)
```
#c9c9f2
```
#c9c9f2 rgb(201,201,242)
```

Similar Colors

Text with hexadecimal color #c9d3f2

This text has a font color of #c9d3f2.

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

#c9d3f2 background color

This paragraph has a background color of #c9d3f2.

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

#c9d3f2 border color

This element has a border color of #c9d3f2.

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

CSS codes

.text {color:#c9d3f2;}

.background {background-color:#c9d3f2;}

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

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

#020409
```
#020409 rgb(2,4,9)
```
#060b19
```
#060b19 rgb(6,11,25)
```
#0a1129
```
#0a1129 rgb(10,17,41)
```
#0e1839
```
#0e1839 rgb(14,24,57)
```
#111f48
```
#111f48 rgb(17,31,72)
```
#152658
```
#152658 rgb(21,38,88)
```
#192c68
```
#192c68 rgb(25,44,104)
```
#1d3378
```
#1d3378 rgb(29,51,120)
```
#213a88
```
#213a88 rgb(33,58,136)
```
#244198
```
#244198 rgb(36,65,152)
```
#2847a7
```
#2847a7 rgb(40,71,167)
```
#2c4eb7
```
#2c4eb7 rgb(44,78,183)
```
#3055c7
```
#3055c7 rgb(48,85,199)
```

Shade Color Variation

#3b5fd0
```
#3b5fd0 rgb(59,95,208)
```
#4b6cd4
```
#4b6cd4 rgb(75,108,212)
```
#5a79d7
```
#5a79d7 rgb(90,121,215)
```
#6a86db
```
#6a86db rgb(106,134,219)
```
#7a93df
```
#7a93df rgb(122,147,223)
```
#8a9fe3
```
#8a9fe3 rgb(138,159,227)
```
#9aace7
```
#9aace7 rgb(154,172,231)
```
#a9b9ea
```
#a9b9ea rgb(169,185,234)
```
#b9c6ee
```
#b9c6ee rgb(185,198,238)
```
#c9d3f2
```
#c9d3f2 rgb(201,211,242)
```
#d9e0f6
```
#d9e0f6 rgb(217,224,246)
```
#e9edfa
```
#e9edfa rgb(233,237,250)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

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

#dbdce0
```
#dbdce0 rgb(219,220,224)
```
#d8dbe3
```
#d8dbe3 rgb(216,219,227)
```
#d6dae5
```
#d6dae5 rgb(214,218,229)
```
#d3d8e8
```
#d3d8e8 rgb(211,216,232)
```
#d1d7ea
```
#d1d7ea rgb(209,215,234)
```
#ced6ed
```
#ced6ed rgb(206,214,237)
```
#ccd4ef
```
#ccd4ef rgb(204,212,239)
```
#c9d3f2
```
#c9d3f2 rgb(201,211,242)
```
#c6d2f5
```
#c6d2f5 rgb(198,210,245)
```
#c4d0f7
```
#c4d0f7 rgb(196,208,247)
```
#c1cffa
```
#c1cffa rgb(193,207,250)
```
#bfcefc
```
#bfcefc rgb(191,206,252)
```
#bcccff
```
#bcccff rgb(188,204,255)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#d2d4da Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d4f1 Protanopia 1% of men
#dad0f4 Deuteranopia 1% of men
#c9d7e6 Tritanopia 0.001% of the population

Trichromacy

#cdd3f1 Protanomaly 1% of men, 0.01% of women
#d3d1f3 Deuteranomaly 6% of men, 0.4% of women
#c9d5ea Tritanomaly 0.01% of the population