#85d5f8 hex color

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

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

● #85d5f8 color description : Soft blue.

The hexadecimal color #85d5f8 has RGB values of R:133, G:213, B:248 and CMYK values of C:0.46, M:0.14, Y:0, K:0.03. Its decimal value is 8771064.

Hex triplet	85d5f8	`#85d5f8`
RGB Decimal	133, 213, 248	`rgb(133,213,248)`
RGB Percent	52.2, 83.5, 97.3	`rgb(52.2%,83.5%,97.3%)`
CMYK	46, 14, 0, 3
HSL	198.3°, 89.1, 74.7	`hsl(198.3,89.1%,74.7%)`
HSV (or HSB)	198.3°, 46.4, 97.3
Web Safe	99ccff	`#99ccff`

CIE-LAB	81.483, -15.469, -24.764
XYZ	50.406, 59.35, 97.601
xyY	0.243, 0.286, 59.35
CIE-LCH	81.483, 29.199, 238.008
CIE-LUV	81.483, -36.414, -37.379
Hunter-Lab	77.039, -18.026, -21.188
Binary	10000101, 11010101, 11111000

#85d5f8
```
#85d5f8 rgb(133,213,248)
```
#f8a885
```
#f8a885 rgb(248,168,133)
```

Complementary Color

#85f8e2
```
#85f8e2 rgb(133,248,226)
```
#85d5f8
```
#85d5f8 rgb(133,213,248)
```
#859cf8
```
#859cf8 rgb(133,156,248)
```

Analogous Color

#f8e285
```
#f8e285 rgb(248,226,133)
```
#85d5f8
```
#85d5f8 rgb(133,213,248)
```
#f8859c
```
#f8859c rgb(248,133,156)
```

Split Complementary Color

#d5f885
```
#d5f885 rgb(213,248,133)
```
#85d5f8
```
#85d5f8 rgb(133,213,248)
```
#f885d5
```
#f885d5 rgb(248,133,213)
```

Triadic Color

#85f8a8
```
#85f8a8 rgb(133,248,168)
```
#85d5f8
```
#85d5f8 rgb(133,213,248)
```
#f885d5
```
#f885d5 rgb(248,133,213)
```
#f8a885
```
#f8a885 rgb(248,168,133)
```

Tetradic Color

#3dbcf4
```
#3dbcf4 rgb(61,188,244)
```
#55c4f5
```
#55c4f5 rgb(85,196,245)
```
#6dcdf7
```
#6dcdf7 rgb(109,205,247)
```
#85d5f8
```
#85d5f8 rgb(133,213,248)
```
#9dddf9
```
#9dddf9 rgb(157,221,249)
```
#b5e6fb
```
#b5e6fb rgb(181,230,251)
```
#cdeefc
```
#cdeefc rgb(205,238,252)
```

Monochromatic Color

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

#85f2f8
```
#85f2f8 rgb(133,242,248)
```
#85e8f8
```
#85e8f8 rgb(133,232,248)
```
#85dff8
```
#85dff8 rgb(133,223,248)
```
#85d5f8
```
#85d5f8 rgb(133,213,248)
```
#85cbf8
```
#85cbf8 rgb(133,203,248)
```
#85c2f8
```
#85c2f8 rgb(133,194,248)
```
#85b8f8
```
#85b8f8 rgb(133,184,248)
```

Similar Colors

Text with hexadecimal color #85d5f8

This text has a font color of #85d5f8.

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

#85d5f8 background color

This paragraph has a background color of #85d5f8.

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

#85d5f8 border color

This element has a border color of #85d5f8.

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

CSS codes

.text {color:#85d5f8;}

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

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

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)
```
#053b52
```
#053b52 rgb(5,59,82)
```
#064865
```
#064865 rgb(6,72,101)
```
#075577
```
#075577 rgb(7,85,119)
```
#08628a
```
#08628a rgb(8,98,138)
```
#096f9c
```
#096f9c rgb(9,111,156)
```
#0a7daf
```
#0a7daf rgb(10,125,175)
```
#0b8ac1
```
#0b8ac1 rgb(11,138,193)
```
#0c97d4
```
#0c97d4 rgb(12,151,212)
```
#0da4e6
```
#0da4e6 rgb(13,164,230)
```

Shade Color Variation

#16aff2
```
#16aff2 rgb(22,175,242)
```
#28b5f3
```
#28b5f3 rgb(40,181,243)
```
#3bbbf4
```
#3bbbf4 rgb(59,187,244)
```
#4dc2f5
```
#4dc2f5 rgb(77,194,245)
```
#60c8f6
```
#60c8f6 rgb(96,200,246)
```
#72cff7
```
#72cff7 rgb(114,207,247)
```
#85d5f8
```
#85d5f8 rgb(133,213,248)
```
#98dbf9
```
#98dbf9 rgb(152,219,249)
```
#aae2fa
```
#aae2fa rgb(170,226,250)
```
#bde8fb
```
#bde8fb rgb(189,232,251)
```
#cfeffc
```
#cfeffc rgb(207,239,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 #80d7fd is the most saturated one.

#bcc0c1
```
#bcc0c1 rgb(188,192,193)
```
#b7c2c6
```
#b7c2c6 rgb(183,194,198)
```
#b2c4cb
```
#b2c4cb rgb(178,196,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)
```
#94cfe9
```
#94cfe9 rgb(148,207,233)
```
#8fd1ee
```
#8fd1ee rgb(143,209,238)
```
#8ad3f3
```
#8ad3f3 rgb(138,211,243)
```
#85d5f8
```
#85d5f8 rgb(133,213,248)
```
#80d7fd
```
#80d7fd rgb(128,215,253)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#b5c5cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4cbf1 Protanopia 1% of men
#c5c9fd Deuteranopia 1% of men
#85d9e9 Tritanopia 0.001% of the population

Trichromacy

#adcef3 Protanomaly 1% of men, 0.01% of women
#aecdfb Deuteranomaly 6% of men, 0.4% of women
#85d8ee Tritanomaly 0.01% of the population

#85d5f8 hex color

#85d5f8 Color Information

#85d5f8 Color Conversion

Color Schemes with #85d5f8

Alternatives to #85d5f8

#85d5f8 Preview

Shades and Tints of #85d5f8

Tones of #85d5f8

Color Blindness Simulator