#85ccf4 hex color

In a RGB color space, hex #85ccf4 is composed of 52.2% red, 80% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 16.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 201.6 degrees, a saturation of 83.5% and a lightness of 73.9%. #85ccf4 color hex could be obtained by blending #ffffff with #0b99e9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 52
- G 80
- B 96
RGB color chart
- C 45
- M 16
- Y 0
- K 4
CMYK color chart

● #85ccf4 color description : Soft blue.

The hexadecimal color #85ccf4 has RGB values of R:133, G:204, B:244 and CMYK values of C:0.45, M:0.16, Y:0, K:0.04. Its decimal value is 8768756.

Hex triplet	85ccf4	`#85ccf4`
RGB Decimal	133, 204, 244	`rgb(133,204,244)`
RGB Percent	52.2, 80, 95.7	`rgb(52.2%,80%,95.7%)`
CMYK	45, 16, 0, 4
HSL	201.6°, 83.5, 73.9	`hsl(201.6,83.5%,73.9%)`
HSV (or HSB)	201.6°, 45.5, 95.7
Web Safe	99ccff	`#99ccff`

CIE-LAB	78.869, -11.88, -26.623
XYZ	47.591, 54.701, 93.634
xyY	0.243, 0.279, 54.701
CIE-LCH	78.869, 29.153, 245.952
CIE-LUV	78.869, -32.978, -40.879
Hunter-Lab	73.96, -14.572, -23.289
Binary	10000101, 11001100, 11110100

#85ccf4
```
#85ccf4 rgb(133,204,244)
```
#f4ad85
```
#f4ad85 rgb(244,173,133)
```

Complementary Color

#85f4e5
```
#85f4e5 rgb(133,244,229)
```
#85ccf4
```
#85ccf4 rgb(133,204,244)
```
#8595f4
```
#8595f4 rgb(133,149,244)
```

Analogous Color

#f4e585
```
#f4e585 rgb(244,229,133)
```
#85ccf4
```
#85ccf4 rgb(133,204,244)
```
#f48595
```
#f48595 rgb(244,133,149)
```

Split Complementary Color

#ccf485
```
#ccf485 rgb(204,244,133)
```
#85ccf4
```
#85ccf4 rgb(133,204,244)
```
#f485cc
```
#f485cc rgb(244,133,204)
```

Triadic Color

#85f4ad
```
#85f4ad rgb(133,244,173)
```
#85ccf4
```
#85ccf4 rgb(133,204,244)
```
#f485cc
```
#f485cc rgb(244,133,204)
```
#f4ad85
```
#f4ad85 rgb(244,173,133)
```

Tetradic Color

#3fafee
```
#3fafee rgb(63,175,238)
```
#56b8f0
```
#56b8f0 rgb(86,184,240)
```
#6ec2f2
```
#6ec2f2 rgb(110,194,242)
```
#85ccf4
```
#85ccf4 rgb(133,204,244)
```
#9cd6f6
```
#9cd6f6 rgb(156,214,246)
```
#b4e0f8
```
#b4e0f8 rgb(180,224,248)
```
#cbe9fa
```
#cbe9fa rgb(203,233,250)
```

Monochromatic Color

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

#85e8f4
```
#85e8f4 rgb(133,232,244)
```
#85dff4
```
#85dff4 rgb(133,223,244)
```
#85d5f4
```
#85d5f4 rgb(133,213,244)
```
#85ccf4
```
#85ccf4 rgb(133,204,244)
```
#85c3f4
```
#85c3f4 rgb(133,195,244)
```
#85baf4
```
#85baf4 rgb(133,186,244)
```
#85b0f4
```
#85b0f4 rgb(133,176,244)
```

Similar Colors

Text with hexadecimal color #85ccf4

This text has a font color of #85ccf4.

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

#85ccf4 background color

This paragraph has a background color of #85ccf4.

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

#85ccf4 border color

This element has a border color of #85ccf4.

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

CSS codes

.text {color:#85ccf4;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#020f16
```
#020f16 rgb(2,15,22)
```
#041b28
```
#041b28 rgb(4,27,40)
```
#05273a
```
#05273a rgb(5,39,58)
```
#07334c
```
#07334c rgb(7,51,76)
```
#083f5e
```
#083f5e rgb(8,63,94)
```
#0a4b70
```
#0a4b70 rgb(10,75,112)
```
#0c5782
```
#0c5782 rgb(12,87,130)
```
#0d6394
```
#0d6394 rgb(13,99,148)
```
#0f6fa6
```
#0f6fa6 rgb(15,111,166)
```
#117cb8
```
#117cb8 rgb(17,124,184)
```
#1288ca
```
#1288ca rgb(18,136,202)
```
#1494dc
```
#1494dc rgb(20,148,220)
```

Shade Color Variation

#199fea
```
#199fea rgb(25,159,234)
```
#2ba6ec
```
#2ba6ec rgb(43,166,236)
```
#3daeee
```
#3daeee rgb(61,174,238)
```
#4fb5ef
```
#4fb5ef rgb(79,181,239)
```
#61bdf1
```
#61bdf1 rgb(97,189,241)
```
#73c4f2
```
#73c4f2 rgb(115,196,242)
```
#85ccf4
```
#85ccf4 rgb(133,204,244)
```
#97d4f6
```
#97d4f6 rgb(151,212,246)
```
#a9dbf7
```
#a9dbf7 rgb(169,219,247)
```
#bbe3f9
```
#bbe3f9 rgb(187,227,249)
```
#cdeafa
```
#cdeafa rgb(205,234,250)
```
#dff2fc
```
#dff2fc rgb(223,242,252)
```
#f1f9fe
```
#f1f9fe rgb(241,249,254)
```

Tint Color Variation

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

#b8bec1
```
#b8bec1 rgb(184,190,193)
```
#b3bfc6
```
#b3bfc6 rgb(179,191,198)
```
#aec1cb
```
#aec1cb rgb(174,193,203)
```
#a9c2d0
```
#a9c2d0 rgb(169,194,208)
```
#a4c3d5
```
#a4c3d5 rgb(164,195,213)
```
#9fc5da
```
#9fc5da rgb(159,197,218)
```
#99c6e0
```
#99c6e0 rgb(153,198,224)
```
#94c8e5
```
#94c8e5 rgb(148,200,229)
```
#8fc9ea
```
#8fc9ea rgb(143,201,234)
```
#8acbef
```
#8acbef rgb(138,203,239)
```
#85ccf4
```
#85ccf4 rgb(133,204,244)
```
#80cdf9
```
#80cdf9 rgb(128,205,249)
```
#7bcffe
```
#7bcffe rgb(123,207,254)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#b0bec6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc4ee Protanopia 1% of men
#bcc3f8 Deuteranopia 1% of men
#84d2e1 Tritanopia 0.001% of the population

Trichromacy

#a8c7f0 Protanomaly 1% of men, 0.01% of women
#a8c6f7 Deuteranomaly 6% of men, 0.4% of women
#84cfe8 Tritanomaly 0.01% of the population

#85ccf4 hex color

#85ccf4 Color Information

#85ccf4 Color Conversion

Color Schemes with #85ccf4

Alternatives to #85ccf4

#85ccf4 Preview

Shades and Tints of #85ccf4

Tones of #85ccf4

Color Blindness Simulator