#51a7e2 hex color

In a RGB color space, hex #51a7e2 is composed of 31.8% red, 65.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 26.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 204.4 degrees, a saturation of 71.4% and a lightness of 60.2%. #51a7e2 color hex could be obtained by blending #a2ffff with #004fc5. Closest websafe color is: #6699cc.

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

● #51a7e2 color description : Soft blue.

The hexadecimal color #51a7e2 has RGB values of R:81, G:167, B:226 and CMYK values of C:0.64, M:0.26, Y:0, K:0.11. Its decimal value is 5351394.

Hex triplet	51a7e2	`#51a7e2`
RGB Decimal	81, 167, 226	`rgb(81,167,226)`
RGB Percent	31.8, 65.5, 88.6	`rgb(31.8%,65.5%,88.6%)`
CMYK	64, 26, 0, 11
HSL	204.4°, 71.4, 60.2	`hsl(204.4,71.4%,60.2%)`
HSV (or HSB)	204.4°, 64.2, 88.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.652, -8.009, -37.445
XYZ	30.936, 34.875, 77.049
xyY	0.217, 0.244, 34.875
CIE-LCH	65.652, 38.292, 257.927
CIE-LUV	65.652, -34.349, -58.547
Hunter-Lab	59.055, -9.84, -36.016
Binary	01010001, 10100111, 11100010

#51a7e2
```
#51a7e2 rgb(81,167,226)
```
#e28c51
```
#e28c51 rgb(226,140,81)
```

Complementary Color

#51e2d5
```
#51e2d5 rgb(81,226,213)
```
#51a7e2
```
#51a7e2 rgb(81,167,226)
```
#515fe2
```
#515fe2 rgb(81,95,226)
```

Analogous Color

#e2d551
```
#e2d551 rgb(226,213,81)
```
#51a7e2
```
#51a7e2 rgb(81,167,226)
```
#e2515f
```
#e2515f rgb(226,81,95)
```

Split Complementary Color

#a7e251
```
#a7e251 rgb(167,226,81)
```
#51a7e2
```
#51a7e2 rgb(81,167,226)
```
#e251a7
```
#e251a7 rgb(226,81,167)
```

Triadic Color

#51e28c
```
#51e28c rgb(81,226,140)
```
#51a7e2
```
#51a7e2 rgb(81,167,226)
```
#e251a7
```
#e251a7 rgb(226,81,167)
```
#e28c51
```
#e28c51 rgb(226,140,81)
```

Tetradic Color

#2183c6
```
#2183c6 rgb(33,131,198)
```
#2591db
```
#2591db rgb(37,145,219)
```
#3b9cde
```
#3b9cde rgb(59,156,222)
```
#51a7e2
```
#51a7e2 rgb(81,167,226)
```
#67b2e6
```
#67b2e6 rgb(103,178,230)
```
#7dbde9
```
#7dbde9 rgb(125,189,233)
```
#93c8ed
```
#93c8ed rgb(147,200,237)
```

Monochromatic Color

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

#51cbe2
```
#51cbe2 rgb(81,203,226)
```
#51bfe2
```
#51bfe2 rgb(81,191,226)
```
#51b3e2
```
#51b3e2 rgb(81,179,226)
```
#51a7e2
```
#51a7e2 rgb(81,167,226)
```
#519be2
```
#519be2 rgb(81,155,226)
```
#518fe2
```
#518fe2 rgb(81,143,226)
```
#5183e2
```
#5183e2 rgb(81,131,226)
```

Similar Colors

Text with hexadecimal color #51a7e2

This text has a font color of #51a7e2.

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

#51a7e2 background color

This paragraph has a background color of #51a7e2.

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

#51a7e2 border color

This element has a border color of #51a7e2.

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

CSS codes

.text {color:#51a7e2;}

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

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

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

#02070b
```
#02070b rgb(2,7,11)
```
#05121c
```
#05121c rgb(5,18,28)
```
#071d2d
```
#071d2d rgb(7,29,45)
```
#0a293d
```
#0a293d rgb(10,41,61)
```
#0d344e
```
#0d344e rgb(13,52,78)
```
#103f5f
```
#103f5f rgb(16,63,95)
```
#134a70
```
#134a70 rgb(19,74,112)
```
#155581
```
#155581 rgb(21,85,129)
```
#186091
```
#186091 rgb(24,96,145)
```
#1b6ba2
```
#1b6ba2 rgb(27,107,162)
```
#1e76b3
```
#1e76b3 rgb(30,118,179)
```
#2181c4
```
#2181c4 rgb(33,129,196)
```
#238dd5
```
#238dd5 rgb(35,141,213)
```

Shade Color Variation

#2f96dc
```
#2f96dc rgb(47,150,220)
```
#409edf
```
#409edf rgb(64,158,223)
```
#51a7e2
```
#51a7e2 rgb(81,167,226)
```
#62b0e5
```
#62b0e5 rgb(98,176,229)
```
#73b8e8
```
#73b8e8 rgb(115,184,232)
```
#83c1ea
```
#83c1ea rgb(131,193,234)
```
#94c9ed
```
#94c9ed rgb(148,201,237)
```
#a5d2f0
```
#a5d2f0 rgb(165,210,240)
```
#b6daf3
```
#b6daf3 rgb(182,218,243)
```
#c7e3f6
```
#c7e3f6 rgb(199,227,246)
```
#d8ebf8
```
#d8ebf8 rgb(216,235,248)
```
#e8f4fb
```
#e8f4fb rgb(232,244,251)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979a9c is the less saturated color, while #3aabf9 is the most saturated one.

#979a9c
```
#979a9c rgb(151,154,156)
```
#8f9ba4
```
#8f9ba4 rgb(143,155,164)
```
#889dab
```
#889dab rgb(136,157,171)
```
#809eb3
```
#809eb3 rgb(128,158,179)
```
#78a0bb
```
#78a0bb rgb(120,160,187)
```
#70a1c3
```
#70a1c3 rgb(112,161,195)
```
#68a3cb
```
#68a3cb rgb(104,163,203)
```
#61a4d2
```
#61a4d2 rgb(97,164,210)
```
#59a6da
```
#59a6da rgb(89,166,218)
```
#51a7e2
```
#51a7e2 rgb(81,167,226)
```
#49a8ea
```
#49a8ea rgb(73,168,234)
```
#41aaf2
```
#41aaf2 rgb(65,170,242)
```
#3aabf9
```
#3aabf9 rgb(58,171,249)
```

Tone Color Variation

Below, you can see how #51a7e2 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
#8798a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a2dd Protanopia 1% of men
#87a3e6 Deuteranopia 1% of men
#40b2bf Tritanopia 0.001% of the population

Trichromacy

#7aa4de Protanomaly 1% of men, 0.01% of women
#73a4e5 Deuteranomaly 6% of men, 0.4% of women
#46aecc Tritanomaly 0.01% of the population

#51a7e2 hex color

#51a7e2 Color Information

#51a7e2 Color Conversion

Color Schemes with #51a7e2

Alternatives to #51a7e2

#51a7e2 Preview

Shades and Tints of #51a7e2

Tones of #51a7e2

Color Blindness Simulator