#82d4fd hex color

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

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

● #82d4fd color description : Soft blue.

The hexadecimal color #82d4fd has RGB values of R:130, G:212, B:253 and CMYK values of C:0.49, M:0.16, Y:0, K:0.01. Its decimal value is 8574205.

Hex triplet	82d4fd	`#82d4fd`
RGB Decimal	130, 212, 253	`rgb(130,212,253)`
RGB Percent	51, 83.1, 99.2	`rgb(51%,83.1%,99.2%)`
CMYK	49, 16, 0, 1
HSL	200°, 96.9, 75.1	`hsl(200,96.9%,75.1%)`
HSV (or HSB)	200°, 48.6, 99.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	81.249, -14.274, -27.791
XYZ	50.475, 58.922, 101.636
xyY	0.239, 0.279, 58.922
CIE-LCH	81.249, 31.242, 242.814
CIE-LUV	81.249, -36.878, -42.678
Hunter-Lab	76.76, -16.956, -24.772
Binary	10000010, 11010100, 11111101

#82d4fd
```
#82d4fd rgb(130,212,253)
```
#fdab82
```
#fdab82 rgb(253,171,130)
```

Complementary Color

#82fde9
```
#82fde9 rgb(130,253,233)
```
#82d4fd
```
#82d4fd rgb(130,212,253)
```
#8297fd
```
#8297fd rgb(130,151,253)
```

Analogous Color

#fde982
```
#fde982 rgb(253,233,130)
```
#82d4fd
```
#82d4fd rgb(130,212,253)
```
#fd8297
```
#fd8297 rgb(253,130,151)
```

Split Complementary Color

#d4fd82
```
#d4fd82 rgb(212,253,130)
```
#82d4fd
```
#82d4fd rgb(130,212,253)
```
#fd82d4
```
#fd82d4 rgb(253,130,212)
```

Triadic Color

#82fdab
```
#82fdab rgb(130,253,171)
```
#82d4fd
```
#82d4fd rgb(130,212,253)
```
#fd82d4
```
#fd82d4 rgb(253,130,212)
```
#fdab82
```
#fdab82 rgb(253,171,130)
```

Tetradic Color

#37bafc
```
#37bafc rgb(55,186,252)
```
#50c3fc
```
#50c3fc rgb(80,195,252)
```
#69cbfd
```
#69cbfd rgb(105,203,253)
```
#82d4fd
```
#82d4fd rgb(130,212,253)
```
#9bddfd
```
#9bddfd rgb(155,221,253)
```
#b4e5fe
```
#b4e5fe rgb(180,229,254)
```
#cdeefe
```
#cdeefe rgb(205,238,254)
```

Monochromatic Color

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

#82f3fd
```
#82f3fd rgb(130,243,253)
```
#82e9fd
```
#82e9fd rgb(130,233,253)
```
#82defd
```
#82defd rgb(130,222,253)
```
#82d4fd
```
#82d4fd rgb(130,212,253)
```
#82cafd
```
#82cafd rgb(130,202,253)
```
#82c0fd
```
#82c0fd rgb(130,192,253)
```
#82b5fd
```
#82b5fd rgb(130,181,253)
```

Similar Colors

Text with hexadecimal color #82d4fd

This text has a font color of #82d4fd.

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

#82d4fd background color

This paragraph has a background color of #82d4fd.

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

#82d4fd border color

This element has a border color of #82d4fd.

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

CSS codes

.text {color:#82d4fd;}

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

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

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

#00070a
```
#00070a rgb(0,7,10)
```
#00141d
```
#00141d rgb(0,20,29)
```
#012131
```
#012131 rgb(1,33,49)
```
#012e44
```
#012e44 rgb(1,46,68)
```
#013b57
```
#013b57 rgb(1,59,87)
```
#02486b
```
#02486b rgb(2,72,107)
```
#02557e
```
#02557e rgb(2,85,126)
```
#026291
```
#026291 rgb(2,98,145)
```
#036fa5
```
#036fa5 rgb(3,111,165)
```
#037cb8
```
#037cb8 rgb(3,124,184)
```
#0389cb
```
#0389cb rgb(3,137,203)
```
#0496df
```
#0496df rgb(4,150,223)
```
#04a3f2
```
#04a3f2 rgb(4,163,242)
```

Shade Color Variation

#0eacfb
```
#0eacfb rgb(14,172,251)
```
#21b3fb
```
#21b3fb rgb(33,179,251)
```
#35b9fc
```
#35b9fc rgb(53,185,252)
```
#48c0fc
```
#48c0fc rgb(72,192,252)
```
#5bc7fc
```
#5bc7fc rgb(91,199,252)
```
#6fcdfd
```
#6fcdfd rgb(111,205,253)
```
#82d4fd
```
#82d4fd rgb(130,212,253)
```
#95dbfd
```
#95dbfd rgb(149,219,253)
```
#a9e1fe
```
#a9e1fe rgb(169,225,254)
```
#bce8fe
```
#bce8fe rgb(188,232,254)
```
#cfeffe
```
#cfeffe rgb(207,239,254)
```
#e3f5ff
```
#e3f5ff rgb(227,245,255)
```
#f6fcff
```
#f6fcff rgb(246,252,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 #82d4fd is the most saturated one.

#bdc0c2
```
#bdc0c2 rgb(189,192,194)
```
#b8c2c7
```
#b8c2c7 rgb(184,194,199)
```
#b3c4cc
```
#b3c4cc rgb(179,196,204)
```
#aec5d1
```
#aec5d1 rgb(174,197,209)
```
#a9c7d6
```
#a9c7d6 rgb(169,199,214)
```
#a4c9db
```
#a4c9db rgb(164,201,219)
```
#9fcae0
```
#9fcae0 rgb(159,202,224)
```
#9acce5
```
#9acce5 rgb(154,204,229)
```
#96cde9
```
#96cde9 rgb(150,205,233)
```
#91cfee
```
#91cfee rgb(145,207,238)
```
#8cd1f3
```
#8cd1f3 rgb(140,209,243)
```
#87d2f8
```
#87d2f8 rgb(135,210,248)
```
#82d4fd
```
#82d4fd rgb(130,212,253)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#b4c4cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2caf5 Protanopia 1% of men
#c2c9ff Deuteranopia 1% of men
#80d9e9 Tritanopia 0.001% of the population

Trichromacy

#aacef8 Protanomaly 1% of men, 0.01% of women
#aacdfe Deuteranomaly 6% of men, 0.4% of women
#81d7f0 Tritanomaly 0.01% of the population

#82d4fd hex color

#82d4fd Color Information

#82d4fd Color Conversion

Color Schemes with #82d4fd

Alternatives to #82d4fd

#82d4fd Preview

Shades and Tints of #82d4fd

Tones of #82d4fd

Color Blindness Simulator