#51aafd hex color

In a RGB color space, hex #51aafd is composed of 31.8% red, 66.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 32.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 209 degrees, a saturation of 97.7% and a lightness of 65.5%. #51aafd color hex could be obtained by blending #a2ffff with #0055fb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 32
- G 67
- B 99
RGB color chart
- C 68
- M 33
- Y 0
- K 1
CMYK color chart

● #51aafd color description : Soft blue.

The hexadecimal color #51aafd has RGB values of R:81, G:170, B:253 and CMYK values of C:0.68, M:0.33, Y:0, K:0.01. Its decimal value is 5352189.

Hex triplet	51aafd	`#51aafd`
RGB Decimal	81, 170, 253	`rgb(81,170,253)`
RGB Percent	31.8, 66.7, 99.2	`rgb(31.8%,66.7%,99.2%)`
CMYK	68, 33, 0, 1
HSL	209°, 97.7, 65.5	`hsl(209,97.7%,65.5%)`
HSV (or HSB)	209°, 68, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.716, -0.785, -48.966
XYZ	35.494, 37.588, 98.308
xyY	0.207, 0.219, 37.588
CIE-LCH	67.716, 48.972, 269.081
CIE-LUV	67.716, -34.397, -79.257
Hunter-Lab	61.309, -3.952, -52.154
Binary	01010001, 10101010, 11111101

#51aafd
```
#51aafd rgb(81,170,253)
```
#fda451
```
#fda451 rgb(253,164,81)
```

Complementary Color

#51fdfa
```
#51fdfa rgb(81,253,250)
```
#51aafd
```
#51aafd rgb(81,170,253)
```
#5154fd
```
#5154fd rgb(81,84,253)
```

Analogous Color

#fdfa51
```
#fdfa51 rgb(253,250,81)
```
#51aafd
```
#51aafd rgb(81,170,253)
```
#fd5154
```
#fd5154 rgb(253,81,84)
```

Split Complementary Color

#aafd51
```
#aafd51 rgb(170,253,81)
```
#51aafd
```
#51aafd rgb(81,170,253)
```
#fd51aa
```
#fd51aa rgb(253,81,170)
```

Triadic Color

#51fda4
```
#51fda4 rgb(81,253,164)
```
#51aafd
```
#51aafd rgb(81,170,253)
```
#fd51aa
```
#fd51aa rgb(253,81,170)
```
#fda451
```
#fda451 rgb(253,164,81)
```

Tetradic Color

#0585fc
```
#0585fc rgb(5,133,252)
```
#1f91fc
```
#1f91fc rgb(31,145,252)
```
#389efd
```
#389efd rgb(56,158,253)
```
#51aafd
```
#51aafd rgb(81,170,253)
```
#6ab6fd
```
#6ab6fd rgb(106,182,253)
```
#83c3fe
```
#83c3fe rgb(131,195,254)
```
#9dcffe
```
#9dcffe rgb(157,207,254)
```

Monochromatic Color

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

#51d5fd
```
#51d5fd rgb(81,213,253)
```
#51c7fd
```
#51c7fd rgb(81,199,253)
```
#51b8fd
```
#51b8fd rgb(81,184,253)
```
#51aafd
```
#51aafd rgb(81,170,253)
```
#519cfd
```
#519cfd rgb(81,156,253)
```
#518dfd
```
#518dfd rgb(81,141,253)
```
#517ffd
```
#517ffd rgb(81,127,253)
```

Similar Colors

Text with hexadecimal color #51aafd

This text has a font color of #51aafd.

<span style="color:#51aafd;">Text here</span>

#51aafd background color

This paragraph has a background color of #51aafd.

<p style="background-color:#51aafd;">Content here</p>

#51aafd border color

This element has a border color of #51aafd.

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

CSS codes

.text {color:#51aafd;}

.background {background-color:#51aafd;}

.border {border:1px solid #51aafd;}

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

#000001
```
#000001 rgb(0,0,1)
```
#000a14
```
#000a14 rgb(0,10,20)
```
#001527
```
#001527 rgb(0,21,39)
```
#011f3b
```
#011f3b rgb(1,31,59)
```
#01294e
```
#01294e rgb(1,41,78)
```
#013361
```
#013361 rgb(1,51,97)
```
#013d75
```
#013d75 rgb(1,61,117)
```
#024788
```
#024788 rgb(2,71,136)
```
#02519c
```
#02519c rgb(2,81,156)
```
#025caf
```
#025caf rgb(2,92,175)
```
#0266c2
```
#0266c2 rgb(2,102,194)
```
#0270d6
```
#0270d6 rgb(2,112,214)
```
#037ae9
```
#037ae9 rgb(3,122,233)
```

Shade Color Variation

#0384fc
```
#0384fc rgb(3,132,252)
```
#178efc
```
#178efc rgb(23,142,252)
```
#2a97fd
```
#2a97fd rgb(42,151,253)
```
#3ea1fd
```
#3ea1fd rgb(62,161,253)
```
#51aafd
```
#51aafd rgb(81,170,253)
```
#64b3fd
```
#64b3fd rgb(100,179,253)
```
#78bdfd
```
#78bdfd rgb(120,189,253)
```
#8bc6fe
```
#8bc6fe rgb(139,198,254)
```
#9fd0fe
```
#9fd0fe rgb(159,208,254)
```
#b2d9fe
```
#b2d9fe rgb(178,217,254)
```
#c5e3fe
```
#c5e3fe rgb(197,227,254)
```
#d9ecff
```
#d9ecff rgb(217,236,255)
```
#ecf6ff
```
#ecf6ff rgb(236,246,255)
```

Tint Color Variation

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

#a2a7ac
```
#a2a7ac rgb(162,167,172)
```
#9ba7b3
```
#9ba7b3 rgb(155,167,179)
```
#95a8b9
```
#95a8b9 rgb(149,168,185)
```
#8ea8c0
```
#8ea8c0 rgb(142,168,192)
```
#87a8c7
```
#87a8c7 rgb(135,168,199)
```
#80a8ce
```
#80a8ce rgb(128,168,206)
```
#7aa9d4
```
#7aa9d4 rgb(122,169,212)
```
#73a9db
```
#73a9db rgb(115,169,219)
```
#6ca9e2
```
#6ca9e2 rgb(108,169,226)
```
#65a9e9
```
#65a9e9 rgb(101,169,233)
```
#5faaef
```
#5faaef rgb(95,170,239)
```
#58aaf6
```
#58aaf6 rgb(88,170,246)
```
#51aafd
```
#51aafd rgb(81,170,253)
```

Tone Color Variation

Below, you can see how #51aafd 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

#999999 Achromatopsia 0.005% of the population
#8b9cad Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ba6f7 Protanopia 1% of men
#77a9ff Deuteranopia 1% of men
#20b9c7 Tritanopia 0.001% of the population

Trichromacy

#76a8f9 Protanomaly 1% of men, 0.01% of women
#69a9fe Deuteranomaly 6% of men, 0.4% of women
#32b4da Tritanomaly 0.01% of the population

#51aafd hex color

#51aafd Color Information

#51aafd Color Conversion

Color Schemes with #51aafd

Alternatives to #51aafd

#51aafd Preview

Shades and Tints of #51aafd

Tones of #51aafd

Color Blindness Simulator