#85d4f8 hex color

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

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

● #85d4f8 color description : Soft blue.

The hexadecimal color #85d4f8 has RGB values of R:133, G:212, B:248 and CMYK values of C:0.46, M:0.15, Y:0, K:0.03. Its decimal value is 8770808.

Hex triplet	85d4f8	`#85d4f8`
RGB Decimal	133, 212, 248	`rgb(133,212,248)`
RGB Percent	52.2, 83.1, 97.3	`rgb(52.2%,83.1%,97.3%)`
CMYK	46, 15, 0, 3
HSL	198.8°, 89.1, 74.7	`hsl(198.8,89.1%,74.7%)`
HSV (or HSB)	198.8°, 46.4, 97.3
Web Safe	99ccff	`#99ccff`

CIE-LAB	81.208, -14.955, -25.184
XYZ	50.155, 58.848, 97.518
xyY	0.243, 0.285, 58.848
CIE-LCH	81.208, 29.29, 239.297
CIE-LUV	81.208, -36.025, -38.148
Hunter-Lab	76.712, -17.542, -21.671
Binary	10000101, 11010100, 11111000

#85d4f8
```
#85d4f8 rgb(133,212,248)
```
#f8a985
```
#f8a985 rgb(248,169,133)
```

Complementary Color

#85f8e3
```
#85f8e3 rgb(133,248,227)
```
#85d4f8
```
#85d4f8 rgb(133,212,248)
```
#859bf8
```
#859bf8 rgb(133,155,248)
```

Analogous Color

#f8e385
```
#f8e385 rgb(248,227,133)
```
#85d4f8
```
#85d4f8 rgb(133,212,248)
```
#f8859b
```
#f8859b rgb(248,133,155)
```

Split Complementary Color

#d4f885
```
#d4f885 rgb(212,248,133)
```
#85d4f8
```
#85d4f8 rgb(133,212,248)
```
#f885d4
```
#f885d4 rgb(248,133,212)
```

Triadic Color

#85f8a9
```
#85f8a9 rgb(133,248,169)
```
#85d4f8
```
#85d4f8 rgb(133,212,248)
```
#f885d4
```
#f885d4 rgb(248,133,212)
```
#f8a985
```
#f8a985 rgb(248,169,133)
```

Tetradic Color

#3dbbf4
```
#3dbbf4 rgb(61,187,244)
```
#55c3f5
```
#55c3f5 rgb(85,195,245)
```
#6dccf7
```
#6dccf7 rgb(109,204,247)
```
#85d4f8
```
#85d4f8 rgb(133,212,248)
```
#9dddf9
```
#9dddf9 rgb(157,221,249)
```
#b5e5fb
```
#b5e5fb rgb(181,229,251)
```
#cdeefc
```
#cdeefc rgb(205,238,252)
```

Monochromatic Color

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

#85f1f8
```
#85f1f8 rgb(133,241,248)
```
#85e7f8
```
#85e7f8 rgb(133,231,248)
```
#85def8
```
#85def8 rgb(133,222,248)
```
#85d4f8
```
#85d4f8 rgb(133,212,248)
```
#85caf8
```
#85caf8 rgb(133,202,248)
```
#85c1f8
```
#85c1f8 rgb(133,193,248)
```
#85b7f8
```
#85b7f8 rgb(133,183,248)
```

Similar Colors

Text with hexadecimal color #85d4f8

This text has a font color of #85d4f8.

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

#85d4f8 background color

This paragraph has a background color of #85d4f8.

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

#85d4f8 border color

This element has a border color of #85d4f8.

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

CSS codes

.text {color:#85d4f8;}

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

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

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

#000608
```
#000608 rgb(0,6,8)
```
#02131a
```
#02131a rgb(2,19,26)
```
#03202d
```
#03202d rgb(3,32,45)
```
#042d40
```
#042d40 rgb(4,45,64)
```
#053a52
```
#053a52 rgb(5,58,82)
```
#064765
```
#064765 rgb(6,71,101)
```
#075477
```
#075477 rgb(7,84,119)
```
#08618a
```
#08618a rgb(8,97,138)
```
#096e9c
```
#096e9c rgb(9,110,156)
```
#0a7baf
```
#0a7baf rgb(10,123,175)
```
#0b88c1
```
#0b88c1 rgb(11,136,193)
```
#0c95d4
```
#0c95d4 rgb(12,149,212)
```
#0da2e6
```
#0da2e6 rgb(13,162,230)
```

Shade Color Variation

#16adf2
```
#16adf2 rgb(22,173,242)
```
#28b3f3
```
#28b3f3 rgb(40,179,243)
```
#3bbaf4
```
#3bbaf4 rgb(59,186,244)
```
#4dc0f5
```
#4dc0f5 rgb(77,192,245)
```
#60c7f6
```
#60c7f6 rgb(96,199,246)
```
#72cdf7
```
#72cdf7 rgb(114,205,247)
```
#85d4f8
```
#85d4f8 rgb(133,212,248)
```
#98dbf9
```
#98dbf9 rgb(152,219,249)
```
#aae1fa
```
#aae1fa rgb(170,225,250)
```
#bde8fb
```
#bde8fb rgb(189,232,251)
```
#cfeefc
```
#cfeefc rgb(207,238,252)
```
#e2f5fd
```
#e2f5fd rgb(226,245,253)
```
#f4fbfe
```
#f4fbfe rgb(244,251,254)
```

Tint Color Variation

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

#bcc0c1
```
#bcc0c1 rgb(188,192,193)
```
#b7c1c6
```
#b7c1c6 rgb(183,193,198)
```
#b2c3cb
```
#b2c3cb rgb(178,195,203)
```
#adc5d0
```
#adc5d0 rgb(173,197,208)
```
#a8c7d5
```
#a8c7d5 rgb(168,199,213)
```
#a3c9da
```
#a3c9da rgb(163,201,218)
```
#9ecbdf
```
#9ecbdf rgb(158,203,223)
```
#99cde4
```
#99cde4 rgb(153,205,228)
```
#94cee9
```
#94cee9 rgb(148,206,233)
```
#8fd0ee
```
#8fd0ee rgb(143,208,238)
```
#8ad2f3
```
#8ad2f3 rgb(138,210,243)
```
#85d4f8
```
#85d4f8 rgb(133,212,248)
```
#80d6fd
```
#80d6fd rgb(128,214,253)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#b4c4cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3caf1 Protanopia 1% of men
#c4c8fd Deuteranopia 1% of men
#85d9e8 Tritanopia 0.001% of the population

Trichromacy

#accef3 Protanomaly 1% of men, 0.01% of women
#adccfb Deuteranomaly 6% of men, 0.4% of women
#85d7ee Tritanomaly 0.01% of the population

#85d4f8 hex color

#85d4f8 Color Information

#85d4f8 Color Conversion

Color Schemes with #85d4f8

Alternatives to #85d4f8

#85d4f8 Preview

Shades and Tints of #85d4f8

Tones of #85d4f8

Color Blindness Simulator