#51a7e1 hex color

In a RGB color space, hex #51a7e1 is composed of 31.8% red, 65.5% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 25.8% magenta, 0% yellow and 11.8% black. It has a hue angle of 204.2 degrees, a saturation of 70.6% and a lightness of 60%. #51a7e1 color hex could be obtained by blending #a2ffff with #004fc3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 65
- B 88
RGB color chart
- C 64
- M 26
- Y 0
- K 12
CMYK color chart

● #51a7e1 color description : Soft blue.

The hexadecimal color #51a7e1 has RGB values of R:81, G:167, B:225 and CMYK values of C:0.64, M:0.26, Y:0, K:0.12. Its decimal value is 5351393.

Hex triplet	51a7e1	`#51a7e1`
RGB Decimal	81, 167, 225	`rgb(81,167,225)`
RGB Percent	31.8, 65.5, 88.2	`rgb(31.8%,65.5%,88.2%)`
CMYK	64, 26, 0, 12
HSL	204.2°, 70.6, 60	`hsl(204.2,70.6%,60%)`
HSV (or HSB)	204.2°, 64, 88.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.609, -8.333, -36.961
XYZ	30.799, 34.821, 76.328
xyY	0.217, 0.245, 34.821
CIE-LCH	65.609, 37.889, 257.295
CIE-LUV	65.609, -34.387, -57.686
Hunter-Lab	59.009, -10.099, -35.385
Binary	01010001, 10100111, 11100001

#51a7e1
```
#51a7e1 rgb(81,167,225)
```
#e18b51
```
#e18b51 rgb(225,139,81)
```

Complementary Color

#51e1d3
```
#51e1d3 rgb(81,225,211)
```
#51a7e1
```
#51a7e1 rgb(81,167,225)
```
#515fe1
```
#515fe1 rgb(81,95,225)
```

Analogous Color

#e1d351
```
#e1d351 rgb(225,211,81)
```
#51a7e1
```
#51a7e1 rgb(81,167,225)
```
#e1515f
```
#e1515f rgb(225,81,95)
```

Split Complementary Color

#a7e151
```
#a7e151 rgb(167,225,81)
```
#51a7e1
```
#51a7e1 rgb(81,167,225)
```
#e151a7
```
#e151a7 rgb(225,81,167)
```

Triadic Color

#51e18b
```
#51e18b rgb(81,225,139)
```
#51a7e1
```
#51a7e1 rgb(81,167,225)
```
#e151a7
```
#e151a7 rgb(225,81,167)
```
#e18b51
```
#e18b51 rgb(225,139,81)
```

Tetradic Color

#2283c4
```
#2283c4 rgb(34,131,196)
```
#2691da
```
#2691da rgb(38,145,218)
```
#3b9cdd
```
#3b9cdd rgb(59,156,221)
```
#51a7e1
```
#51a7e1 rgb(81,167,225)
```
#67b2e5
```
#67b2e5 rgb(103,178,229)
```
#7dbde9
```
#7dbde9 rgb(125,189,233)
```
#92c8ec
```
#92c8ec rgb(146,200,236)
```

Monochromatic Color

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

#51cbe1
```
#51cbe1 rgb(81,203,225)
```
#51bfe1
```
#51bfe1 rgb(81,191,225)
```
#51b3e1
```
#51b3e1 rgb(81,179,225)
```
#51a7e1
```
#51a7e1 rgb(81,167,225)
```
#519be1
```
#519be1 rgb(81,155,225)
```
#518fe1
```
#518fe1 rgb(81,143,225)
```
#5183e1
```
#5183e1 rgb(81,131,225)
```

Similar Colors

Text with hexadecimal color #51a7e1

This text has a font color of #51a7e1.

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

#51a7e1 background color

This paragraph has a background color of #51a7e1.

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

#51a7e1 border color

This element has a border color of #51a7e1.

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

CSS codes

.text {color:#51a7e1;}

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

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

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

#02070a
```
#02070a rgb(2,7,10)
```
#05121b
```
#05121b rgb(5,18,27)
```
#081d2c
```
#081d2c rgb(8,29,44)
```
#0a283c
```
#0a283c rgb(10,40,60)
```
#0d334d
```
#0d334d rgb(13,51,77)
```
#103e5e
```
#103e5e rgb(16,62,94)
```
#134a6e
```
#134a6e rgb(19,74,110)
```
#16557f
```
#16557f rgb(22,85,127)
```
#196090
```
#196090 rgb(25,96,144)
```
#1c6ba1
```
#1c6ba1 rgb(28,107,161)
```
#1f76b1
```
#1f76b1 rgb(31,118,177)
```
#2181c2
```
#2181c2 rgb(33,129,194)
```
#248dd3
```
#248dd3 rgb(36,141,211)
```

Shade Color Variation

#3096db
```
#3096db rgb(48,150,219)
```
#409fde
```
#409fde rgb(64,159,222)
```
#51a7e1
```
#51a7e1 rgb(81,167,225)
```
#62afe4
```
#62afe4 rgb(98,175,228)
```
#72b8e7
```
#72b8e7 rgb(114,184,231)
```
#83c0ea
```
#83c0ea rgb(131,192,234)
```
#94c9ed
```
#94c9ed rgb(148,201,237)
```
#a5d1ef
```
#a5d1ef rgb(165,209,239)
```
#b5daf2
```
#b5daf2 rgb(181,218,242)
```
#c6e2f5
```
#c6e2f5 rgb(198,226,245)
```
#d7ebf8
```
#d7ebf8 rgb(215,235,248)
```
#e8f3fb
```
#e8f3fb rgb(232,243,251)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #98999a is the less saturated color, while #39acf9 is the most saturated one.

#98999a
```
#98999a rgb(152,153,154)
```
#909ba2
```
#909ba2 rgb(144,155,162)
```
#889caa
```
#889caa rgb(136,156,170)
```
#809eb2
```
#809eb2 rgb(128,158,178)
```
#789fba
```
#789fba rgb(120,159,186)
```
#70a1c2
```
#70a1c2 rgb(112,161,194)
```
#69a2c9
```
#69a2c9 rgb(105,162,201)
```
#61a4d1
```
#61a4d1 rgb(97,164,209)
```
#59a5d9
```
#59a5d9 rgb(89,165,217)
```
#51a7e1
```
#51a7e1 rgb(81,167,225)
```
#49a9e9
```
#49a9e9 rgb(73,169,233)
```
#41aaf1
```
#41aaf1 rgb(65,170,241)
```
#39acf9
```
#39acf9 rgb(57,172,249)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8798a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a2dc Protanopia 1% of men
#88a3e5 Deuteranopia 1% of men
#41b2bf Tritanopia 0.001% of the population

Trichromacy

#7aa4dd Protanomaly 1% of men, 0.01% of women
#74a4e4 Deuteranomaly 6% of men, 0.4% of women
#47aecb Tritanomaly 0.01% of the population

#51a7e1 hex color

#51a7e1 Color Information

#51a7e1 Color Conversion

Color Schemes with #51a7e1

Alternatives to #51a7e1

#51a7e1 Preview

Shades and Tints of #51a7e1

Tones of #51a7e1

Color Blindness Simulator