#51affe hex color

In a RGB color space, hex #51affe is composed of 31.8% red, 68.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 31.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 207.4 degrees, a saturation of 98.9% and a lightness of 65.7%. #51affe color hex could be obtained by blending #a2ffff with #005ffd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 32
- G 69
- B 100
RGB color chart
- C 68
- M 31
- Y 0
- K 0
CMYK color chart

● #51affe color description : Soft blue.

The hexadecimal color #51affe has RGB values of R:81, G:175, B:254 and CMYK values of C:0.68, M:0.31, Y:0, K:0. Its decimal value is 5353470.

Hex triplet	51affe	`#51affe`
RGB Decimal	81, 175, 254	`rgb(81,175,254)`
RGB Percent	31.8, 68.6, 99.6	`rgb(31.8%,68.6%,99.6%)`
CMYK	68, 31, 0, 0
HSL	207.4°, 98.9, 65.7	`hsl(207.4,98.9%,65.7%)`
HSV (or HSB)	207.4°, 68.1, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.157, -3.264, -47.239
XYZ	36.608, 39.562, 99.467
xyY	0.208, 0.225, 39.562
CIE-LCH	69.157, 47.351, 266.047
CIE-LUV	69.157, -36.07, -76.269
Hunter-Lab	62.899, -6.181, -49.732
Binary	01010001, 10101111, 11111110

#51affe
```
#51affe rgb(81,175,254)
```
#fea051
```
#fea051 rgb(254,160,81)
```

Complementary Color

#51fef7
```
#51fef7 rgb(81,254,247)
```
#51affe
```
#51affe rgb(81,175,254)
```
#5158fe
```
#5158fe rgb(81,88,254)
```

Analogous Color

#fef751
```
#fef751 rgb(254,247,81)
```
#51affe
```
#51affe rgb(81,175,254)
```
#fe5159
```
#fe5159 rgb(254,81,89)
```

Split Complementary Color

#affe51
```
#affe51 rgb(175,254,81)
```
#51affe
```
#51affe rgb(81,175,254)
```
#fe51af
```
#fe51af rgb(254,81,175)
```

Triadic Color

#51fea0
```
#51fea0 rgb(81,254,160)
```
#51affe
```
#51affe rgb(81,175,254)
```
#fe51af
```
#fe51af rgb(254,81,175)
```
#fea051
```
#fea051 rgb(254,160,81)
```

Tetradic Color

#058cfe
```
#058cfe rgb(5,140,254)
```
#1e98fe
```
#1e98fe rgb(30,152,254)
```
#38a3fe
```
#38a3fe rgb(56,163,254)
```
#51affe
```
#51affe rgb(81,175,254)
```
#6abbfe
```
#6abbfe rgb(106,187,254)
```
#84c6fe
```
#84c6fe rgb(132,198,254)
```
#9dd2fe
```
#9dd2fe rgb(157,210,254)
```

Monochromatic Color

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

#51dafe
```
#51dafe rgb(81,218,254)
```
#51ccfe
```
#51ccfe rgb(81,204,254)
```
#51bdfe
```
#51bdfe rgb(81,189,254)
```
#51affe
```
#51affe rgb(81,175,254)
```
#51a1fe
```
#51a1fe rgb(81,161,254)
```
#5192fe
```
#5192fe rgb(81,146,254)
```
#5184fe
```
#5184fe rgb(81,132,254)
```

Similar Colors

Text with hexadecimal color #51affe

This text has a font color of #51affe.

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

#51affe background color

This paragraph has a background color of #51affe.

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

#51affe border color

This element has a border color of #51affe.

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

CSS codes

.text {color:#51affe;}

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

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

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 #edf7ff is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#000b15
```
#000b15 rgb(0,11,21)
```
#001629
```
#001629 rgb(0,22,41)
```
#00213c
```
#00213c rgb(0,33,60)
```
#002b50
```
#002b50 rgb(0,43,80)
```
#013663
```
#013663 rgb(1,54,99)
```
#014177
```
#014177 rgb(1,65,119)
```
#014b8a
```
#014b8a rgb(1,75,138)
```
#01569e
```
#01569e rgb(1,86,158)
```
#0161b1
```
#0161b1 rgb(1,97,177)
```
#016bc5
```
#016bc5 rgb(1,107,197)
```
#0176d8
```
#0176d8 rgb(1,118,216)
```
#0181ec
```
#0181ec rgb(1,129,236)
```

Shade Color Variation

#038bfe
```
#038bfe rgb(3,139,254)
```
#1694fe
```
#1694fe rgb(22,148,254)
```
#2a9dfe
```
#2a9dfe rgb(42,157,254)
```
#3da6fe
```
#3da6fe rgb(61,166,254)
```
#51affe
```
#51affe rgb(81,175,254)
```
#65b8fe
```
#65b8fe rgb(101,184,254)
```
#78c1fe
```
#78c1fe rgb(120,193,254)
```
#8ccafe
```
#8ccafe rgb(140,202,254)
```
#9fd3fe
```
#9fd3fe rgb(159,211,254)
```
#b3dcff
```
#b3dcff rgb(179,220,255)
```
#c6e5ff
```
#c6e5ff rgb(198,229,255)
```
#daeeff
```
#daeeff rgb(218,238,255)
```
#edf7ff
```
#edf7ff rgb(237,247,255)
```

Tint Color Variation

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

#a2a8ad
```
#a2a8ad rgb(162,168,173)
```
#9ba9b4
```
#9ba9b4 rgb(155,169,180)
```
#94a9bb
```
#94a9bb rgb(148,169,187)
```
#8eaac1
```
#8eaac1 rgb(142,170,193)
```
#87aac8
```
#87aac8 rgb(135,170,200)
```
#80abcf
```
#80abcf rgb(128,171,207)
```
#79abd6
```
#79abd6 rgb(121,171,214)
```
#73acdc
```
#73acdc rgb(115,172,220)
```
#6cade3
```
#6cade3 rgb(108,173,227)
```
#65adea
```
#65adea rgb(101,173,234)
```
#5eaef1
```
#5eaef1 rgb(94,174,241)
```
#58aef7
```
#58aef7 rgb(88,174,247)
```
#51affe
```
#51affe rgb(81,175,254)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8da0b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91aaf7 Protanopia 1% of men
#80adff Deuteranopia 1% of men
#26bdcb Tritanopia 0.001% of the population

Trichromacy

#79acfa Protanomaly 1% of men, 0.01% of women
#6fadfe Deuteranomaly 6% of men, 0.4% of women
#35b8dd Tritanomaly 0.01% of the population

#51affe hex color

#51affe Color Information

#51affe Color Conversion

Color Schemes with #51affe

Alternatives to #51affe

#51affe Preview

Shades and Tints of #51affe

Tones of #51affe

Color Blindness Simulator