#85d3fe hex color

In a RGB color space, hex #85d3fe is composed of 52.2% red, 82.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 47.6% cyan, 16.9% magenta, 0% yellow and 0.4% black. It has a hue angle of 201.3 degrees, a saturation of 98.4% and a lightness of 75.9%. #85d3fe color hex could be obtained by blending #ffffff with #0ba7fd. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 52
- G 83
- B 100
RGB color chart
- C 48
- M 17
- Y 0
- K 0
CMYK color chart

● #85d3fe color description : Soft blue.

The hexadecimal color #85d3fe has RGB values of R:133, G:211, B:254 and CMYK values of C:0.48, M:0.17, Y:0, K:0. Its decimal value is 8770558.

Hex triplet	85d3fe	`#85d3fe`
RGB Decimal	133, 211, 254	`rgb(133,211,254)`
RGB Percent	52.2, 82.7, 99.6	`rgb(52.2%,82.7%,99.6%)`
CMYK	48, 17, 0, 0
HSL	201.3°, 98.4, 75.9	`hsl(201.3,98.4%,75.9%)`
HSV (or HSB)	201.3°, 47.6, 99.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	81.142, -12.807, -28.474
XYZ	50.852, 58.728, 102.416
xyY	0.24, 0.277, 58.728
CIE-LCH	81.142, 31.221, 245.782
CIE-LUV	81.142, -35.518, -44.038
Hunter-Lab	76.634, -15.663, -25.593
Binary	10000101, 11010011, 11111110

#85d3fe
```
#85d3fe rgb(133,211,254)
```
#feb085
```
#feb085 rgb(254,176,133)
```

Complementary Color

#85feed
```
#85feed rgb(133,254,237)
```
#85d3fe
```
#85d3fe rgb(133,211,254)
```
#8597fe
```
#8597fe rgb(133,151,254)
```

Analogous Color

#feed85
```
#feed85 rgb(254,237,133)
```
#85d3fe
```
#85d3fe rgb(133,211,254)
```
#fe8597
```
#fe8597 rgb(254,133,151)
```

Split Complementary Color

#d3fe85
```
#d3fe85 rgb(211,254,133)
```
#85d3fe
```
#85d3fe rgb(133,211,254)
```
#fe85d3
```
#fe85d3 rgb(254,133,211)
```

Triadic Color

#85feb0
```
#85feb0 rgb(133,254,176)
```
#85d3fe
```
#85d3fe rgb(133,211,254)
```
#fe85d3
```
#fe85d3 rgb(254,133,211)
```
#feb085
```
#feb085 rgb(254,176,133)
```

Tetradic Color

#39b8fd
```
#39b8fd rgb(57,184,253)
```
#52c1fe
```
#52c1fe rgb(82,193,254)
```
#6ccafe
```
#6ccafe rgb(108,202,254)
```
#85d3fe
```
#85d3fe rgb(133,211,254)
```
#9edcfe
```
#9edcfe rgb(158,220,254)
```
#b8e5fe
```
#b8e5fe rgb(184,229,254)
```
#d1eeff
```
#d1eeff rgb(209,238,255)
```

Monochromatic Color

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

#85f1fe
```
#85f1fe rgb(133,241,254)
```
#85e7fe
```
#85e7fe rgb(133,231,254)
```
#85ddfe
```
#85ddfe rgb(133,221,254)
```
#85d3fe
```
#85d3fe rgb(133,211,254)
```
#85c9fe
```
#85c9fe rgb(133,201,254)
```
#85bffe
```
#85bffe rgb(133,191,254)
```
#85b5fe
```
#85b5fe rgb(133,181,254)
```

Similar Colors

Text with hexadecimal color #85d3fe

This text has a font color of #85d3fe.

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

#85d3fe background color

This paragraph has a background color of #85d3fe.

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

#85d3fe border color

This element has a border color of #85d3fe.

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

CSS codes

.text {color:#85d3fe;}

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

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

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, #00090e is the darkest color, while #fafdff is the lightest one.

#00090e
```
#00090e rgb(0,9,14)
```
#001622
```
#001622 rgb(0,22,34)
```
#002235
```
#002235 rgb(0,34,53)
```
#012f49
```
#012f49 rgb(1,47,73)
```
#013c5c
```
#013c5c rgb(1,60,92)
```
#01486f
```
#01486f rgb(1,72,111)
```
#015583
```
#015583 rgb(1,85,131)
```
#016196
```
#016196 rgb(1,97,150)
```
#016eaa
```
#016eaa rgb(1,110,170)
```
#027bbd
```
#027bbd rgb(2,123,189)
```
#0287d1
```
#0287d1 rgb(2,135,209)
```
#0294e4
```
#0294e4 rgb(2,148,228)
```
#02a0f8
```
#02a0f8 rgb(2,160,248)
```

Shade Color Variation

#10a9fd
```
#10a9fd rgb(16,169,253)
```
#24b0fd
```
#24b0fd rgb(36,176,253)
```
#37b7fd
```
#37b7fd rgb(55,183,253)
```
#4bbefe
```
#4bbefe rgb(75,190,254)
```
#5ec5fe
```
#5ec5fe rgb(94,197,254)
```
#72ccfe
```
#72ccfe rgb(114,204,254)
```
#85d3fe
```
#85d3fe rgb(133,211,254)
```
#98dafe
```
#98dafe rgb(152,218,254)
```
#ace1fe
```
#ace1fe rgb(172,225,254)
```
#bfe8fe
```
#bfe8fe rgb(191,232,254)
```
#d3efff
```
#d3efff rgb(211,239,255)
```
#e6f6ff
```
#e6f6ff rgb(230,246,255)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#bec3c5
```
#bec3c5 rgb(190,195,197)
```
#b9c4ca
```
#b9c4ca rgb(185,196,202)
```
#b4c5cf
```
#b4c5cf rgb(180,197,207)
```
#b0c7d3
```
#b0c7d3 rgb(176,199,211)
```
#abc8d8
```
#abc8d8 rgb(171,200,216)
```
#a6c9dd
```
#a6c9dd rgb(166,201,221)
```
#a1cbe2
```
#a1cbe2 rgb(161,203,226)
```
#9dcce6
```
#9dcce6 rgb(157,204,230)
```
#98ceeb
```
#98ceeb rgb(152,206,235)
```
#93cff0
```
#93cff0 rgb(147,207,240)
```
#8ed0f5
```
#8ed0f5 rgb(142,208,245)
```
#8ad2f9
```
#8ad2f9 rgb(138,210,249)
```
#85d3fe
```
#85d3fe rgb(133,211,254)
```

Tone Color Variation

Below, you can see how #85d3fe 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
#b5c5cd Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1caf7 Protanopia 1% of men
#c1c9ff Deuteranopia 1% of men
#82d9e8 Tritanopia 0.001% of the population

Trichromacy

#abcdf9 Protanomaly 1% of men, 0.01% of women
#abccfe Deuteranomaly 6% of men, 0.4% of women
#83d6f0 Tritanomaly 0.01% of the population

#85d3fe hex color

#85d3fe Color Information

#85d3fe Color Conversion

Color Schemes with #85d3fe

Alternatives to #85d3fe

#85d3fe Preview

Shades and Tints of #85d3fe

Tones of #85d3fe

Color Blindness Simulator