#51affa hex color

In a RGB color space, hex #51affa is composed of 31.8% red, 68.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 30% magenta, 0% yellow and 2% black. It has a hue angle of 206.6 degrees, a saturation of 94.4% and a lightness of 64.9%. #51affa color hex could be obtained by blending #a2ffff with #005ff5. Closest websafe color is: #6699ff.

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

● #51affa color description : Soft blue.

The hexadecimal color #51affa has RGB values of R:81, G:175, B:250 and CMYK values of C:0.68, M:0.3, Y:0, K:0.02. Its decimal value is 5353466.

Hex triplet	51affa	`#51affa`
RGB Decimal	81, 175, 250	`rgb(81,175,250)`
RGB Percent	31.8, 68.6, 98	`rgb(31.8%,68.6%,98%)`
CMYK	68, 30, 0, 2
HSL	206.6°, 94.4, 64.9	`hsl(206.6,94.4%,64.9%)`
HSV (or HSB)	206.6°, 67.6, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.974, -4.59, -45.357
XYZ	35.974, 39.309, 96.129
xyY	0.21, 0.229, 39.309
CIE-LCH	68.974, 45.589, 264.221
CIE-LUV	68.974, -36.226, -72.869
Hunter-Lab	62.697, -7.298, -47.018
Binary	01010001, 10101111, 11111010

#51affa
```
#51affa rgb(81,175,250)
```
#fa9c51
```
#fa9c51 rgb(250,156,81)
```

Complementary Color

#51faf1
```
#51faf1 rgb(81,250,241)
```
#51affa
```
#51affa rgb(81,175,250)
```
#515afa
```
#515afa rgb(81,90,250)
```

Analogous Color

#faf151
```
#faf151 rgb(250,241,81)
```
#51affa
```
#51affa rgb(81,175,250)
```
#fa515a
```
#fa515a rgb(250,81,90)
```

Split Complementary Color

#affa51
```
#affa51 rgb(175,250,81)
```
#51affa
```
#51affa rgb(81,175,250)
```
#fa51af
```
#fa51af rgb(250,81,175)
```

Triadic Color

#51fa9c
```
#51fa9c rgb(81,250,156)
```
#51affa
```
#51affa rgb(81,175,250)
```
#fa51af
```
#fa51af rgb(250,81,175)
```
#fa9c51
```
#fa9c51 rgb(250,156,81)
```

Tetradic Color

#078df7
```
#078df7 rgb(7,141,247)
```
#1f98f9
```
#1f98f9 rgb(31,152,249)
```
#38a4f9
```
#38a4f9 rgb(56,164,249)
```
#51affa
```
#51affa rgb(81,175,250)
```
#6abafb
```
#6abafb rgb(106,186,251)
```
#83c6fb
```
#83c6fb rgb(131,198,251)
```
#9bd1fc
```
#9bd1fc rgb(155,209,252)
```

Monochromatic Color

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

#51d9fa
```
#51d9fa rgb(81,217,250)
```
#51cbfa
```
#51cbfa rgb(81,203,250)
```
#51bdfa
```
#51bdfa rgb(81,189,250)
```
#51affa
```
#51affa rgb(81,175,250)
```
#51a1fa
```
#51a1fa rgb(81,161,250)
```
#5193fa
```
#5193fa rgb(81,147,250)
```
#5185fa
```
#5185fa rgb(81,133,250)
```

Similar Colors

Text with hexadecimal color #51affa

This text has a font color of #51affa.

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

#51affa background color

This paragraph has a background color of #51affa.

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

#51affa border color

This element has a border color of #51affa.

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

CSS codes

.text {color:#51affa;}

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

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

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

#000911
```
#000911 rgb(0,9,17)
```
#011424
```
#011424 rgb(1,20,36)
```
#021f37
```
#021f37 rgb(2,31,55)
```
#022a4a
```
#022a4a rgb(2,42,74)
```
#03355d
```
#03355d rgb(3,53,93)
```
#034070
```
#034070 rgb(3,64,112)
```
#044b83
```
#044b83 rgb(4,75,131)
```
#045596
```
#045596 rgb(4,85,150)
```
#0560a9
```
#0560a9 rgb(5,96,169)
```
#056bbc
```
#056bbc rgb(5,107,188)
```
#0676cf
```
#0676cf rgb(6,118,207)
```
#0781e2
```
#0781e2 rgb(7,129,226)
```
#078cf5
```
#078cf5 rgb(7,140,245)
```

Shade Color Variation

#1895f8
```
#1895f8 rgb(24,149,248)
```
#2b9df9
```
#2b9df9 rgb(43,157,249)
```
#3ea6f9
```
#3ea6f9 rgb(62,166,249)
```
#51affa
```
#51affa rgb(81,175,250)
```
#64b8fb
```
#64b8fb rgb(100,184,251)
```
#77c1fb
```
#77c1fb rgb(119,193,251)
```
#8ac9fc
```
#8ac9fc rgb(138,201,252)
```
#9dd2fc
```
#9dd2fc rgb(157,210,252)
```
#b0dbfd
```
#b0dbfd rgb(176,219,253)
```
#c3e4fd
```
#c3e4fd rgb(195,228,253)
```
#d6ecfe
```
#d6ecfe rgb(214,236,254)
```
#eaf5fe
```
#eaf5fe rgb(234,245,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#a4a6a7
```
#a4a6a7 rgb(164,166,167)
```
#9da6ae
```
#9da6ae rgb(157,166,174)
```
#96a7b5
```
#96a7b5 rgb(150,167,181)
```
#8fa8bc
```
#8fa8bc rgb(143,168,188)
```
#88a9c3
```
#88a9c3 rgb(136,169,195)
```
#81aaca
```
#81aaca rgb(129,170,202)
```
#7aaad1
```
#7aaad1 rgb(122,170,209)
```
#73abd8
```
#73abd8 rgb(115,171,216)
```
#6dacde
```
#6dacde rgb(109,172,222)
```
#66ade5
```
#66ade5 rgb(102,173,229)
```
#5fadec
```
#5fadec rgb(95,173,236)
```
#58aef3
```
#58aef3 rgb(88,174,243)
```
#51affa
```
#51affa rgb(81,175,250)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8c9fae Atypical Achromatopsia 0.001% of the population

Dichromacy

#92aaf3 Protanopia 1% of men
#82acfd Deuteranopia 1% of men
#2dbcca Tritanopia 0.001% of the population

Trichromacy

#7aacf6 Protanomaly 1% of men, 0.01% of women
#70adfb Deuteranomaly 6% of men, 0.4% of women
#3ab7db Tritanomaly 0.01% of the population

#51affa hex color

#51affa Color Information

#51affa Color Conversion

Color Schemes with #51affa

Alternatives to #51affa

#51affa Preview

Shades and Tints of #51affa

Tones of #51affa

Color Blindness Simulator