#82baf2 hex color

In a RGB color space, hex #82baf2 is composed of 51% red, 72.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 23.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 210 degrees, a saturation of 81.2% and a lightness of 72.9%. #82baf2 color hex could be obtained by blending #ffffff with #0575e5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 51
- G 73
- B 95
RGB color chart
- C 46
- M 23
- Y 0
- K 5
CMYK color chart

● #82baf2 color description : Soft blue.

The hexadecimal color #82baf2 has RGB values of R:130, G:186, B:242 and CMYK values of C:0.46, M:0.23, Y:0, K:0.05. Its decimal value is 8567538.

Hex triplet	82baf2	`#82baf2`
RGB Decimal	130, 186, 242	`rgb(130,186,242)`
RGB Percent	51, 72.9, 94.9	`rgb(51%,72.9%,94.9%)`
CMYK	46, 23, 0, 5
HSL	210°, 81.2, 72.9	`hsl(210,81.2%,72.9%)`
HSV (or HSB)	210°, 46.3, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	73.722, -3.527, -33.473
XYZ	42.788, 46.272, 90.676
xyY	0.238, 0.257, 46.272
CIE-LCH	73.722, 33.658, 263.985
CIE-LUV	73.722, -27.024, -53.248
Hunter-Lab	68.024, -6.762, -31.417
Binary	10000010, 10111010, 11110010

#82baf2
```
#82baf2 rgb(130,186,242)
```
#f2ba82
```
#f2ba82 rgb(242,186,130)
```

Complementary Color

#82f2f2
```
#82f2f2 rgb(130,242,242)
```
#82baf2
```
#82baf2 rgb(130,186,242)
```
#8282f2
```
#8282f2 rgb(130,130,242)
```

Analogous Color

#f2f282
```
#f2f282 rgb(242,242,130)
```
#82baf2
```
#82baf2 rgb(130,186,242)
```
#f28282
```
#f28282 rgb(242,130,130)
```

Split Complementary Color

#baf282
```
#baf282 rgb(186,242,130)
```
#82baf2
```
#82baf2 rgb(130,186,242)
```
#f282ba
```
#f282ba rgb(242,130,186)
```

Triadic Color

#82f2ba
```
#82f2ba rgb(130,242,186)
```
#82baf2
```
#82baf2 rgb(130,186,242)
```
#f282ba
```
#f282ba rgb(242,130,186)
```
#f2ba82
```
#f2ba82 rgb(242,186,130)
```

Tetradic Color

#3d94eb
```
#3d94eb rgb(61,148,235)
```
#54a1ed
```
#54a1ed rgb(84,161,237)
```
#6badf0
```
#6badf0 rgb(107,173,240)
```
#82baf2
```
#82baf2 rgb(130,186,242)
```
#99c7f4
```
#99c7f4 rgb(153,199,244)
```
#b0d4f7
```
#b0d4f7 rgb(176,212,247)
```
#c7e0f9
```
#c7e0f9 rgb(199,224,249)
```

Monochromatic Color

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

#82d6f2
```
#82d6f2 rgb(130,214,242)
```
#82cdf2
```
#82cdf2 rgb(130,205,242)
```
#82c3f2
```
#82c3f2 rgb(130,195,242)
```
#82baf2
```
#82baf2 rgb(130,186,242)
```
#82b1f2
```
#82b1f2 rgb(130,177,242)
```
#82a7f2
```
#82a7f2 rgb(130,167,242)
```
#829ef2
```
#829ef2 rgb(130,158,242)
```

Similar Colors

Text with hexadecimal color #82baf2

This text has a font color of #82baf2.

<span style="color:#82baf2;">Text here</span>

#82baf2 background color

This paragraph has a background color of #82baf2.

<p style="background-color:#82baf2;">Content here</p>

#82baf2 border color

This element has a border color of #82baf2.

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

CSS codes

.text {color:#82baf2;}

.background {background-color:#82baf2;}

.border {border:1px solid #82baf2;}

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

#020911
```
#020911 rgb(2,9,17)
```
#041323
```
#041323 rgb(4,19,35)
```
#051d35
```
#051d35 rgb(5,29,53)
```
#072746
```
#072746 rgb(7,39,70)
```
#093158
```
#093158 rgb(9,49,88)
```
#0b3b6a
```
#0b3b6a rgb(11,59,106)
```
#0d447c
```
#0d447c rgb(13,68,124)
```
#0f4e8e
```
#0f4e8e rgb(15,78,142)
```
#11589f
```
#11589f rgb(17,88,159)
```
#1262b1
```
#1262b1 rgb(18,98,177)
```
#146cc3
```
#146cc3 rgb(20,108,195)
```
#1675d5
```
#1675d5 rgb(22,117,213)
```
#187fe6
```
#187fe6 rgb(24,127,230)
```

Shade Color Variation

#2989e9
```
#2989e9 rgb(41,137,233)
```
#3b93eb
```
#3b93eb rgb(59,147,235)
```
#4d9dec
```
#4d9dec rgb(77,157,236)
```
#5ea6ee
```
#5ea6ee rgb(94,166,238)
```
#70b0f0
```
#70b0f0 rgb(112,176,240)
```
#82baf2
```
#82baf2 rgb(130,186,242)
```
#94c4f4
```
#94c4f4 rgb(148,196,244)
```
#a6cef6
```
#a6cef6 rgb(166,206,246)
```
#b7d7f8
```
#b7d7f8 rgb(183,215,248)
```
#c9e1f9
```
#c9e1f9 rgb(201,225,249)
```
#dbebfb
```
#dbebfb rgb(219,235,251)
```
#edf5fd
```
#edf5fd rgb(237,245,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#b7babd
```
#b7babd rgb(183,186,189)
```
#b2bac2
```
#b2bac2 rgb(178,186,194)
```
#acbac8
```
#acbac8 rgb(172,186,200)
```
#a7bacd
```
#a7bacd rgb(167,186,205)
```
#a2bad2
```
#a2bad2 rgb(162,186,210)
```
#9dbad7
```
#9dbad7 rgb(157,186,215)
```
#97badd
```
#97badd rgb(151,186,221)
```
#92bae2
```
#92bae2 rgb(146,186,226)
```
#8dbae7
```
#8dbae7 rgb(141,186,231)
```
#87baed
```
#87baed rgb(135,186,237)
```
#82baf2
```
#82baf2 rgb(130,186,242)
```
#7dbaf7
```
#7dbaf7 rgb(125,186,247)
```
#77bafd
```
#77bafd rgb(119,186,253)
```

Tone Color Variation

Below, you can see how #82baf2 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

#b0b0b0 Achromatopsia 0.005% of the population
#a7b2bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b6ee Protanopia 1% of men
#a5b6f5 Deuteranopia 1% of men
#7cc3d2 Tritanopia 0.001% of the population

Trichromacy

#9ab8ef Protanomaly 1% of men, 0.01% of women
#98b7f4 Deuteranomaly 6% of men, 0.4% of women
#7ec0dd Tritanomaly 0.01% of the population

#82baf2 hex color

#82baf2 Color Information

#82baf2 Color Conversion

Color Schemes with #82baf2

Alternatives to #82baf2

#82baf2 Preview

Shades and Tints of #82baf2

Tones of #82baf2

Color Blindness Simulator