#51a1fb hex color

In a RGB color space, hex #51a1fb is composed of 31.8% red, 63.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 35.9% magenta, 0% yellow and 1.6% black. It has a hue angle of 211.8 degrees, a saturation of 95.5% and a lightness of 65.1%. #51a1fb color hex could be obtained by blending #a2ffff with #0043f7. Closest websafe color is: #6699ff.

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

● #51a1fb color description : Soft blue.

The hexadecimal color #51a1fb has RGB values of R:81, G:161, B:251 and CMYK values of C:0.68, M:0.36, Y:0, K:0.02. Its decimal value is 5349883.

Hex triplet	51a1fb	`#51a1fb`
RGB Decimal	81, 161, 251	`rgb(81,161,251)`
RGB Percent	31.8, 63.1, 98.4	`rgb(31.8%,63.1%,98.4%)`
CMYK	68, 36, 0, 2
HSL	211.8°, 95.5, 65.1	`hsl(211.8,95.5%,65.1%)`
HSV (or HSB)	211.8°, 67.7, 98.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.122, 3.687, -51.976
XYZ	33.547, 34.202, 96.095
xyY	0.205, 0.209, 34.202
CIE-LCH	65.122, 52.107, 274.057
CIE-LUV	65.122, -31.416, -84.348
Hunter-Lab	58.482, 0.048, -56.485
Binary	01010001, 10100001, 11111011

#51a1fb
```
#51a1fb rgb(81,161,251)
```
#fbab51
```
#fbab51 rgb(251,171,81)
```

Complementary Color

#51f6fb
```
#51f6fb rgb(81,246,251)
```
#51a1fb
```
#51a1fb rgb(81,161,251)
```
#5651fb
```
#5651fb rgb(86,81,251)
```

Analogous Color

#f6fb51
```
#f6fb51 rgb(246,251,81)
```
#51a1fb
```
#51a1fb rgb(81,161,251)
```
#fb5651
```
#fb5651 rgb(251,86,81)
```

Split Complementary Color

#a1fb51
```
#a1fb51 rgb(161,251,81)
```
#51a1fb
```
#51a1fb rgb(81,161,251)
```
#fb51a1
```
#fb51a1 rgb(251,81,161)
```

Triadic Color

#51fbab
```
#51fbab rgb(81,251,171)
```
#51a1fb
```
#51a1fb rgb(81,161,251)
```
#fb51a1
```
#fb51a1 rgb(251,81,161)
```
#fbab51
```
#fbab51 rgb(251,171,81)
```

Tetradic Color

#0679f9
```
#0679f9 rgb(6,121,249)
```
#1f86fa
```
#1f86fa rgb(31,134,250)
```
#3894fa
```
#3894fa rgb(56,148,250)
```
#51a1fb
```
#51a1fb rgb(81,161,251)
```
#6aaefc
```
#6aaefc rgb(106,174,252)
```
#83bcfc
```
#83bcfc rgb(131,188,252)
```
#9cc9fd
```
#9cc9fd rgb(156,201,253)
```

Monochromatic Color

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

#51ccfb
```
#51ccfb rgb(81,204,251)
```
#51bdfb
```
#51bdfb rgb(81,189,251)
```
#51affb
```
#51affb rgb(81,175,251)
```
#51a1fb
```
#51a1fb rgb(81,161,251)
```
#5193fb
```
#5193fb rgb(81,147,251)
```
#5185fb
```
#5185fb rgb(81,133,251)
```
#5177fb
```
#5177fb rgb(81,119,251)
```

Similar Colors

Text with hexadecimal color #51a1fb

This text has a font color of #51a1fb.

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

#51a1fb background color

This paragraph has a background color of #51a1fb.

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

#51a1fb border color

This element has a border color of #51a1fb.

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

CSS codes

.text {color:#51a1fb;}

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

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

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

#000912
```
#000912 rgb(0,9,18)
```
#011225
```
#011225 rgb(1,18,37)
```
#011b38
```
#011b38 rgb(1,27,56)
```
#02244b
```
#02244b rgb(2,36,75)
```
#022e5e
```
#022e5e rgb(2,46,94)
```
#033772
```
#033772 rgb(3,55,114)
```
#034085
```
#034085 rgb(3,64,133)
```
#034998
```
#034998 rgb(3,73,152)
```
#0453ab
```
#0453ab rgb(4,83,171)
```
#045cbe
```
#045cbe rgb(4,92,190)
```
#0565d1
```
#0565d1 rgb(5,101,209)
```
#056ee5
```
#056ee5 rgb(5,110,229)
```
#0678f8
```
#0678f8 rgb(6,120,248)
```

Shade Color Variation

#1782fa
```
#1782fa rgb(23,130,250)
```
#2b8cfa
```
#2b8cfa rgb(43,140,250)
```
#3e97fb
```
#3e97fb rgb(62,151,251)
```
#51a1fb
```
#51a1fb rgb(81,161,251)
```
#64abfb
```
#64abfb rgb(100,171,251)
```
#77b6fc
```
#77b6fc rgb(119,182,252)
```
#8bc0fc
```
#8bc0fc rgb(139,192,252)
```
#9ecafd
```
#9ecafd rgb(158,202,253)
```
#b1d5fd
```
#b1d5fd rgb(177,213,253)
```
#c4dffe
```
#c4dffe rgb(196,223,254)
```
#d7eafe
```
#d7eafe rgb(215,234,254)
```
#eaf4ff
```
#eaf4ff rgb(234,244,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a3a6a9
```
#a3a6a9 rgb(163,166,169)
```
#9ca5b0
```
#9ca5b0 rgb(156,165,176)
```
#95a5b7
```
#95a5b7 rgb(149,165,183)
```
#8fa5bd
```
#8fa5bd rgb(143,165,189)
```
#88a4c4
```
#88a4c4 rgb(136,164,196)
```
#81a4cb
```
#81a4cb rgb(129,164,203)
```
#7aa3d2
```
#7aa3d2 rgb(122,163,210)
```
#73a3d9
```
#73a3d9 rgb(115,163,217)
```
#6ca3e0
```
#6ca3e0 rgb(108,163,224)
```
#66a2e6
```
#66a2e6 rgb(102,162,230)
```
#5fa2ed
```
#5fa2ed rgb(95,162,237)
```
#58a1f4
```
#58a1f4 rgb(88,161,244)
```
#51a1fb
```
#51a1fb rgb(81,161,251)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8696a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7fa0f6 Protanopia 1% of men
#68a3fc Deuteranopia 1% of men
#11b2bf Tritanopia 0.001% of the population

Trichromacy

#6ea0f8 Protanomaly 1% of men, 0.01% of women
#5fa2fb Deuteranomaly 6% of men, 0.4% of women
#28acd5 Tritanomaly 0.01% of the population

#51a1fb hex color

#51a1fb Color Information

#51a1fb Color Conversion

Color Schemes with #51a1fb

Alternatives to #51a1fb

#51a1fb Preview

Shades and Tints of #51a1fb

Tones of #51a1fb

Color Blindness Simulator