#859af2 hex color

In a RGB color space, hex #859af2 is composed of 52.2% red, 60.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 45% cyan, 36.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 228.4 degrees, a saturation of 80.7% and a lightness of 73.5%. #859af2 color hex could be obtained by blending #ffffff with #0b35e5. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 52
- G 60
- B 95
RGB color chart
- C 45
- M 36
- Y 0
- K 5
CMYK color chart

● #859af2 color description : Soft blue.

The hexadecimal color #859af2 has RGB values of R:133, G:154, B:242 and CMYK values of C:0.45, M:0.36, Y:0, K:0.05. Its decimal value is 8755954.

Hex triplet	859af2	`#859af2`
RGB Decimal	133, 154, 242	`rgb(133,154,242)`
RGB Percent	52.2, 60.4, 94.9	`rgb(52.2%,60.4%,94.9%)`
CMYK	45, 36, 0, 5
HSL	228.4°, 80.7, 73.5	`hsl(228.4,80.7%,73.5%)`
HSV (or HSB)	228.4°, 45, 94.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	65.363, 15.207, -46.506
XYZ	37.252, 34.507, 88.697
xyY	0.232, 0.215, 34.507
CIE-LCH	65.363, 48.929, 288.107
CIE-LUV	65.363, -13.878, -76.507
Hunter-Lab	58.743, 10.397, -48.403
Binary	10000101, 10011010, 11110010

#859af2
```
#859af2 rgb(133,154,242)
```
#f2dd85
```
#f2dd85 rgb(242,221,133)
```

Complementary Color

#85d1f2
```
#85d1f2 rgb(133,209,242)
```
#859af2
```
#859af2 rgb(133,154,242)
```
#a785f2
```
#a785f2 rgb(167,133,242)
```

Analogous Color

#d1f285
```
#d1f285 rgb(209,242,133)
```
#859af2
```
#859af2 rgb(133,154,242)
```
#f2a785
```
#f2a785 rgb(242,167,133)
```

Split Complementary Color

#9af285
```
#9af285 rgb(154,242,133)
```
#859af2
```
#859af2 rgb(133,154,242)
```
#f2859a
```
#f2859a rgb(242,133,154)
```

Triadic Color

#85f2dd
```
#85f2dd rgb(133,242,221)
```
#859af2
```
#859af2 rgb(133,154,242)
```
#f2859a
```
#f2859a rgb(242,133,154)
```
#f2dd85
```
#f2dd85 rgb(242,221,133)
```

Tetradic Color

#4061eb
```
#4061eb rgb(64,97,235)
```
#5774ed
```
#5774ed rgb(87,116,237)
```
#6e87f0
```
#6e87f0 rgb(110,135,240)
```
#859af2
```
#859af2 rgb(133,154,242)
```
#9cadf4
```
#9cadf4 rgb(156,173,244)
```
#b3c0f7
```
#b3c0f7 rgb(179,192,247)
```
#cad3f9
```
#cad3f9 rgb(202,211,249)
```

Monochromatic Color

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

#85b5f2
```
#85b5f2 rgb(133,181,242)
```
#85acf2
```
#85acf2 rgb(133,172,242)
```
#85a3f2
```
#85a3f2 rgb(133,163,242)
```
#859af2
```
#859af2 rgb(133,154,242)
```
#8591f2
```
#8591f2 rgb(133,145,242)
```
#8588f2
```
#8588f2 rgb(133,136,242)
```
#8b85f2
```
#8b85f2 rgb(139,133,242)
```

Similar Colors

Text with hexadecimal color #859af2

This text has a font color of #859af2.

<span style="color:#859af2;">Text here</span>

#859af2 background color

This paragraph has a background color of #859af2.

<p style="background-color:#859af2;">Content here</p>

#859af2 border color

This element has a border color of #859af2.

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

CSS codes

.text {color:#859af2;}

.background {background-color:#859af2;}

.border {border:1px solid #859af2;}

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

#000102
```
#000102 rgb(0,1,2)
```
#020614
```
#020614 rgb(2,6,20)
```
#040a26
```
#040a26 rgb(4,10,38)
```
#060f37
```
#060f37 rgb(6,15,55)
```
#081449
```
#081449 rgb(8,20,73)
```
#0a195b
```
#0a195b rgb(10,25,91)
```
#0c1e6c
```
#0c1e6c rgb(12,30,108)
```
#0d237e
```
#0d237e rgb(13,35,126)
```
#0f2890
```
#0f2890 rgb(15,40,144)
```
#112da2
```
#112da2 rgb(17,45,162)
```
#1332b3
```
#1332b3 rgb(19,50,179)
```
#1537c5
```
#1537c5 rgb(21,55,197)
```
#173cd7
```
#173cd7 rgb(23,60,215)
```

Shade Color Variation

#1b42e7
```
#1b42e7 rgb(27,66,231)
```
#2c51e9
```
#2c51e9 rgb(44,81,233)
```
#3e5fea
```
#3e5fea rgb(62,95,234)
```
#506eec
```
#506eec rgb(80,110,236)
```
#627dee
```
#627dee rgb(98,125,238)
```
#738bf0
```
#738bf0 rgb(115,139,240)
```
#859af2
```
#859af2 rgb(133,154,242)
```
#97a9f4
```
#97a9f4 rgb(151,169,244)
```
#a8b7f6
```
#a8b7f6 rgb(168,183,246)
```
#bac6f8
```
#bac6f8 rgb(186,198,248)
```
#ccd5fa
```
#ccd5fa rgb(204,213,250)
```
#dee3fb
```
#dee3fb rgb(222,227,251)
```
#eff2fd
```
#eff2fd rgb(239,242,253)
```

Tint Color Variation

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

#b9babe
```
#b9babe rgb(185,186,190)
```
#b4b7c3
```
#b4b7c3 rgb(180,183,195)
```
#afb4c8
```
#afb4c8 rgb(175,180,200)
```
#a9b0ce
```
#a9b0ce rgb(169,176,206)
```
#a4add3
```
#a4add3 rgb(164,173,211)
```
#9faad8
```
#9faad8 rgb(159,170,216)
```
#9aa7dd
```
#9aa7dd rgb(154,167,221)
```
#95a4e2
```
#95a4e2 rgb(149,164,226)
```
#8fa0e8
```
#8fa0e8 rgb(143,160,232)
```
#8a9ded
```
#8a9ded rgb(138,157,237)
```
#859af2
```
#859af2 rgb(133,154,242)
```
#8097f7
```
#8097f7 rgb(128,151,247)
```
#7b94fc
```
#7b94fc rgb(123,148,252)
```

Tone Color Variation

Below, you can see how #859af2 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

#9e9e9e Achromatopsia 0.005% of the population
#999daf Atypical Achromatopsia 0.001% of the population

Dichromacy

#82a0f3 Protanopia 1% of men
#7aa3f1 Deuteranopia 1% of men
#76acb8 Tritanopia 0.001% of the population

Trichromacy

#839ef3 Protanomaly 1% of men, 0.01% of women
#7e9ff1 Deuteranomaly 6% of men, 0.4% of women
#7ba5cd Tritanomaly 0.01% of the population

#859af2 hex color

#859af2 Color Information

#859af2 Color Conversion

Color Schemes with #859af2

Alternatives to #859af2

#859af2 Preview

Shades and Tints of #859af2

Tones of #859af2

Color Blindness Simulator