#85ccf8 hex color

In a RGB color space, hex #85ccf8 is composed of 52.2% red, 80% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 17.7% magenta, 0% yellow and 2.7% black. It has a hue angle of 203 degrees, a saturation of 89.1% and a lightness of 74.7%. #85ccf8 color hex could be obtained by blending #ffffff with #0b99f1. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 52
- G 80
- B 97
RGB color chart
- C 46
- M 18
- Y 0
- K 3
CMYK color chart

● #85ccf8 color description : Soft blue.

The hexadecimal color #85ccf8 has RGB values of R:133, G:204, B:248 and CMYK values of C:0.46, M:0.18, Y:0, K:0.03. Its decimal value is 8768760.

Hex triplet	85ccf8	`#85ccf8`
RGB Decimal	133, 204, 248	`rgb(133,204,248)`
RGB Percent	52.2, 80, 97.3	`rgb(52.2%,80%,97.3%)`
CMYK	46, 18, 0, 3
HSL	203°, 89.1, 74.7	`hsl(203,89.1%,74.7%)`
HSV (or HSB)	203°, 46.4, 97.3
Web Safe	99ccff	`#99ccff`

CIE-LAB	79.011, -10.791, -28.543
XYZ	48.205, 54.947, 96.867
xyY	0.241, 0.275, 54.947
CIE-LCH	79.011, 30.515, 249.29
CIE-LUV	79.011, -32.916, -44.298
Hunter-Lab	74.126, -13.641, -25.591
Binary	10000101, 11001100, 11111000

#85ccf8
```
#85ccf8 rgb(133,204,248)
```
#f8b185
```
#f8b185 rgb(248,177,133)
```

Complementary Color

#85f8eb
```
#85f8eb rgb(133,248,235)
```
#85ccf8
```
#85ccf8 rgb(133,204,248)
```
#8593f8
```
#8593f8 rgb(133,147,248)
```

Analogous Color

#f8eb85
```
#f8eb85 rgb(248,235,133)
```
#85ccf8
```
#85ccf8 rgb(133,204,248)
```
#f88593
```
#f88593 rgb(248,133,147)
```

Split Complementary Color

#ccf885
```
#ccf885 rgb(204,248,133)
```
#85ccf8
```
#85ccf8 rgb(133,204,248)
```
#f885cc
```
#f885cc rgb(248,133,204)
```

Triadic Color

#85f8b1
```
#85f8b1 rgb(133,248,177)
```
#85ccf8
```
#85ccf8 rgb(133,204,248)
```
#f885cc
```
#f885cc rgb(248,133,204)
```
#f8b185
```
#f8b185 rgb(248,177,133)
```

Tetradic Color

#3daef4
```
#3daef4 rgb(61,174,244)
```
#55b8f5
```
#55b8f5 rgb(85,184,245)
```
#6dc2f7
```
#6dc2f7 rgb(109,194,247)
```
#85ccf8
```
#85ccf8 rgb(133,204,248)
```
#9dd6f9
```
#9dd6f9 rgb(157,214,249)
```
#b5e0fb
```
#b5e0fb rgb(181,224,251)
```
#cdeafc
```
#cdeafc rgb(205,234,252)
```

Monochromatic Color

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

#85e9f8
```
#85e9f8 rgb(133,233,248)
```
#85dff8
```
#85dff8 rgb(133,223,248)
```
#85d6f8
```
#85d6f8 rgb(133,214,248)
```
#85ccf8
```
#85ccf8 rgb(133,204,248)
```
#85c2f8
```
#85c2f8 rgb(133,194,248)
```
#85b9f8
```
#85b9f8 rgb(133,185,248)
```
#85aff8
```
#85aff8 rgb(133,175,248)
```

Similar Colors

Text with hexadecimal color #85ccf8

This text has a font color of #85ccf8.

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

#85ccf8 background color

This paragraph has a background color of #85ccf8.

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

#85ccf8 border color

This element has a border color of #85ccf8.

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

CSS codes

.text {color:#85ccf8;}

.background {background-color:#85ccf8;}

.border {border:1px solid #85ccf8;}

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

#000508
```
#000508 rgb(0,5,8)
```
#02111a
```
#02111a rgb(2,17,26)
```
#031d2d
```
#031d2d rgb(3,29,45)
```
#042940
```
#042940 rgb(4,41,64)
```
#053452
```
#053452 rgb(5,52,82)
```
#064065
```
#064065 rgb(6,64,101)
```
#074c77
```
#074c77 rgb(7,76,119)
```
#08588a
```
#08588a rgb(8,88,138)
```
#09649c
```
#09649c rgb(9,100,156)
```
#0a70af
```
#0a70af rgb(10,112,175)
```
#0b7cc1
```
#0b7cc1 rgb(11,124,193)
```
#0c87d4
```
#0c87d4 rgb(12,135,212)
```
#0d93e6
```
#0d93e6 rgb(13,147,230)
```

Shade Color Variation

#169df2
```
#169df2 rgb(22,157,242)
```
#28a5f3
```
#28a5f3 rgb(40,165,243)
```
#3badf4
```
#3badf4 rgb(59,173,244)
```
#4db5f5
```
#4db5f5 rgb(77,181,245)
```
#60bcf6
```
#60bcf6 rgb(96,188,246)
```
#72c4f7
```
#72c4f7 rgb(114,196,247)
```
#85ccf8
```
#85ccf8 rgb(133,204,248)
```
#98d4f9
```
#98d4f9 rgb(152,212,249)
```
#aadcfa
```
#aadcfa rgb(170,220,250)
```
#bde3fb
```
#bde3fb rgb(189,227,251)
```
#cfebfc
```
#cfebfc rgb(207,235,252)
```
#e2f3fd
```
#e2f3fd rgb(226,243,253)
```
#f4fbfe
```
#f4fbfe rgb(244,251,254)
```

Tint Color Variation

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

#bcbfc1
```
#bcbfc1 rgb(188,191,193)
```
#b7c0c6
```
#b7c0c6 rgb(183,192,198)
```
#b2c2cb
```
#b2c2cb rgb(178,194,203)
```
#adc3d0
```
#adc3d0 rgb(173,195,208)
```
#a8c4d5
```
#a8c4d5 rgb(168,196,213)
```
#a3c5da
```
#a3c5da rgb(163,197,218)
```
#9ec6df
```
#9ec6df rgb(158,198,223)
```
#99c7e4
```
#99c7e4 rgb(153,199,228)
```
#94c9e9
```
#94c9e9 rgb(148,201,233)
```
#8fcaee
```
#8fcaee rgb(143,202,238)
```
#8acbf3
```
#8acbf3 rgb(138,203,243)
```
#85ccf8
```
#85ccf8 rgb(133,204,248)
```
#80cdfd
```
#80cdfd rgb(128,205,253)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#b1bfc8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbc4f2 Protanopia 1% of men
#bac3fc Deuteranopia 1% of men
#82d2e2 Tritanopia 0.001% of the population

Trichromacy

#a7c7f4 Protanomaly 1% of men, 0.01% of women
#a7c6fa Deuteranomaly 6% of men, 0.4% of women
#83d0ea Tritanomaly 0.01% of the population

#85ccf8 hex color

#85ccf8 Color Information

#85ccf8 Color Conversion

Color Schemes with #85ccf8

Alternatives to #85ccf8

#85ccf8 Preview

Shades and Tints of #85ccf8

Tones of #85ccf8

Color Blindness Simulator