#82cafd hex color

In a RGB color space, hex #82cafd is composed of 51% red, 79.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 20.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 204.9 degrees, a saturation of 96.9% and a lightness of 75.1%. #82cafd color hex could be obtained by blending #ffffff with #0595fb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 51
- G 79
- B 99
RGB color chart
- C 49
- M 20
- Y 0
- K 1
CMYK color chart

● #82cafd color description : Soft blue.

The hexadecimal color #82cafd has RGB values of R:130, G:202, B:253 and CMYK values of C:0.49, M:0.2, Y:0, K:0.01. Its decimal value is 8571645.

Hex triplet	82cafd	`#82cafd`
RGB Decimal	130, 202, 253	`rgb(130,202,253)`
RGB Percent	51, 79.2, 99.2	`rgb(51%,79.2%,99.2%)`
CMYK	49, 20, 0, 1
HSL	204.9°, 96.9, 75.1	`hsl(204.9,96.9%,75.1%)`
HSV (or HSB)	204.9°, 48.6, 99.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	78.506, -9.038, -32
XYZ	48.052, 54.076, 100.829
xyY	0.237, 0.266, 54.076
CIE-LCH	78.506, 33.252, 254.228
CIE-LUV	78.506, -33.05, -50.403
Hunter-Lab	73.536, -12.049, -29.819
Binary	10000010, 11001010, 11111101

#82cafd
```
#82cafd rgb(130,202,253)
```
#fdb582
```
#fdb582 rgb(253,181,130)
```

Complementary Color

#82fdf3
```
#82fdf3 rgb(130,253,243)
```
#82cafd
```
#82cafd rgb(130,202,253)
```
#828dfd
```
#828dfd rgb(130,141,253)
```

Analogous Color

#fdf382
```
#fdf382 rgb(253,243,130)
```
#82cafd
```
#82cafd rgb(130,202,253)
```
#fd828d
```
#fd828d rgb(253,130,141)
```

Split Complementary Color

#cafd82
```
#cafd82 rgb(202,253,130)
```
#82cafd
```
#82cafd rgb(130,202,253)
```
#fd82ca
```
#fd82ca rgb(253,130,202)
```

Triadic Color

#82fdb5
```
#82fdb5 rgb(130,253,181)
```
#82cafd
```
#82cafd rgb(130,202,253)
```
#fd82ca
```
#fd82ca rgb(253,130,202)
```
#fdb582
```
#fdb582 rgb(253,181,130)
```

Tetradic Color

#37aafc
```
#37aafc rgb(55,170,252)
```
#50b5fc
```
#50b5fc rgb(80,181,252)
```
#69bffd
```
#69bffd rgb(105,191,253)
```
#82cafd
```
#82cafd rgb(130,202,253)
```
#9bd5fd
```
#9bd5fd rgb(155,213,253)
```
#b4dffe
```
#b4dffe rgb(180,223,254)
```
#cdeafe
```
#cdeafe rgb(205,234,254)
```

Monochromatic Color

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

#82e9fd
```
#82e9fd rgb(130,233,253)
```
#82dffd
```
#82dffd rgb(130,223,253)
```
#82d4fd
```
#82d4fd rgb(130,212,253)
```
#82cafd
```
#82cafd rgb(130,202,253)
```
#82c0fd
```
#82c0fd rgb(130,192,253)
```
#82b6fd
```
#82b6fd rgb(130,182,253)
```
#82abfd
```
#82abfd rgb(130,171,253)
```

Similar Colors

Text with hexadecimal color #82cafd

This text has a font color of #82cafd.

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

#82cafd background color

This paragraph has a background color of #82cafd.

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

#82cafd border color

This element has a border color of #82cafd.

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

CSS codes

.text {color:#82cafd;}

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

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

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, #00060a is the darkest color, while #f6fbff is the lightest one.

#00060a
```
#00060a rgb(0,6,10)
```
#00111d
```
#00111d rgb(0,17,29)
```
#011d31
```
#011d31 rgb(1,29,49)
```
#012844
```
#012844 rgb(1,40,68)
```
#013457
```
#013457 rgb(1,52,87)
```
#023f6b
```
#023f6b rgb(2,63,107)
```
#024b7e
```
#024b7e rgb(2,75,126)
```
#025691
```
#025691 rgb(2,86,145)
```
#0361a5
```
#0361a5 rgb(3,97,165)
```
#036db8
```
#036db8 rgb(3,109,184)
```
#0378cb
```
#0378cb rgb(3,120,203)
```
#0484df
```
#0484df rgb(4,132,223)
```
#048ff2
```
#048ff2 rgb(4,143,242)
```

Shade Color Variation

#0e99fb
```
#0e99fb rgb(14,153,251)
```
#21a1fb
```
#21a1fb rgb(33,161,251)
```
#35a9fc
```
#35a9fc rgb(53,169,252)
```
#48b1fc
```
#48b1fc rgb(72,177,252)
```
#5bbafc
```
#5bbafc rgb(91,186,252)
```
#6fc2fd
```
#6fc2fd rgb(111,194,253)
```
#82cafd
```
#82cafd rgb(130,202,253)
```
#95d2fd
```
#95d2fd rgb(149,210,253)
```
#a9dafe
```
#a9dafe rgb(169,218,254)
```
#bce3fe
```
#bce3fe rgb(188,227,254)
```
#cfebfe
```
#cfebfe rgb(207,235,254)
```
#e3f3ff
```
#e3f3ff rgb(227,243,255)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#bdc0c2
```
#bdc0c2 rgb(189,192,194)
```
#b8c1c7
```
#b8c1c7 rgb(184,193,199)
```
#b3c2cc
```
#b3c2cc rgb(179,194,204)
```
#aec2d1
```
#aec2d1 rgb(174,194,209)
```
#a9c3d6
```
#a9c3d6 rgb(169,195,214)
```
#a4c4db
```
#a4c4db rgb(164,196,219)
```
#9fc5e0
```
#9fc5e0 rgb(159,197,224)
```
#9ac6e5
```
#9ac6e5 rgb(154,198,229)
```
#96c7e9
```
#96c7e9 rgb(150,199,233)
```
#91c7ee
```
#91c7ee rgb(145,199,238)
```
#8cc8f3
```
#8cc8f3 rgb(140,200,243)
```
#87c9f8
```
#87c9f8 rgb(135,201,248)
```
#82cafd
```
#82cafd rgb(130,202,253)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#afbdc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7c3f6 Protanopia 1% of men
#b5c2ff Deuteranopia 1% of men
#7dd1e1 Tritanopia 0.001% of the population

Trichromacy

#a3c5f9 Protanomaly 1% of men, 0.01% of women
#a2c5fe Deuteranomaly 6% of men, 0.4% of women
#7ecfeb Tritanomaly 0.01% of the population

#82cafd hex color

#82cafd Color Information

#82cafd Color Conversion

Color Schemes with #82cafd

Alternatives to #82cafd

#82cafd Preview

Shades and Tints of #82cafd

Tones of #82cafd

Color Blindness Simulator