#05a7e2 hex color

In a RGB color space, hex #05a7e2 is composed of 2% red, 65.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 26.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 196 degrees, a saturation of 95.7% and a lightness of 45.3%. #05a7e2 color hex could be obtained by blending #0affff with #004fc5. Closest websafe color is: #0099cc.

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

● #05a7e2 color description : Vivid blue.

The hexadecimal color #05a7e2 has RGB values of R:5, G:167, B:226 and CMYK values of C:0.98, M:0.26, Y:0, K:0.11. Its decimal value is 370658.

Hex triplet	05a7e2	`#05a7e2`
RGB Decimal	5, 167, 226	`rgb(5,167,226)`
RGB Percent	2, 65.5, 88.6	`rgb(2%,65.5%,88.6%)`
CMYK	98, 26, 0, 11
HSL	196°, 95.7, 45.3	`hsl(196,95.7%,45.3%)`
HSV (or HSB)	196°, 97.8, 88.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	64.289, -14.95, -39.674
XYZ	27.605, 33.158, 76.892
xyY	0.201, 0.241, 33.158
CIE-LCH	64.289, 42.398, 249.353
CIE-LUV	64.289, -43.219, -61.358
Hunter-Lab	57.583, -15.197, -38.864
Binary	00000101, 10100111, 11100010

#05a7e2
```
#05a7e2 rgb(5,167,226)
```
#e24005
```
#e24005 rgb(226,64,5)
```

Complementary Color

#05e2af
```
#05e2af rgb(5,226,175)
```
#05a7e2
```
#05a7e2 rgb(5,167,226)
```
#0539e2
```
#0539e2 rgb(5,57,226)
```

Analogous Color

#e2af05
```
#e2af05 rgb(226,175,5)
```
#05a7e2
```
#05a7e2 rgb(5,167,226)
```
#e20539
```
#e20539 rgb(226,5,57)
```

Split Complementary Color

#a7e205
```
#a7e205 rgb(167,226,5)
```
#05a7e2
```
#05a7e2 rgb(5,167,226)
```
#e205a7
```
#e205a7 rgb(226,5,167)
```

Triadic Color

#05e240
```
#05e240 rgb(5,226,64)
```
#05a7e2
```
#05a7e2 rgb(5,167,226)
```
#e205a7
```
#e205a7 rgb(226,5,167)
```
#e24005
```
#e24005 rgb(226,64,5)
```

Tetradic Color

#037097
```
#037097 rgb(3,112,151)
```
#0482b0
```
#0482b0 rgb(4,130,176)
```
#0495c9
```
#0495c9 rgb(4,149,201)
```
#05a7e2
```
#05a7e2 rgb(5,167,226)
```
#07b9fa
```
#07b9fa rgb(7,185,250)
```
#20c0fa
```
#20c0fa rgb(32,192,250)
```
#39c7fb
```
#39c7fb rgb(57,199,251)
```

Monochromatic Color

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

#05dee2
```
#05dee2 rgb(5,222,226)
```
#05cce2
```
#05cce2 rgb(5,204,226)
```
#05b9e2
```
#05b9e2 rgb(5,185,226)
```
#05a7e2
```
#05a7e2 rgb(5,167,226)
```
#0595e2
```
#0595e2 rgb(5,149,226)
```
#0582e2
```
#0582e2 rgb(5,130,226)
```
#0570e2
```
#0570e2 rgb(5,112,226)
```

Similar Colors

Text with hexadecimal color #05a7e2

This text has a font color of #05a7e2.

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

#05a7e2 background color

This paragraph has a background color of #05a7e2.

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

#05a7e2 border color

This element has a border color of #05a7e2.

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

CSS codes

.text {color:#05a7e2;}

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

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

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, #000b0f is the darkest color, while #fbfeff is the lightest one.

#000b0f
```
#000b0f rgb(0,11,15)
```
#011922
```
#011922 rgb(1,25,34)
```
#012735
```
#012735 rgb(1,39,53)
```
#023648
```
#023648 rgb(2,54,72)
```
#02445c
```
#02445c rgb(2,68,92)
```
#02526f
```
#02526f rgb(2,82,111)
```
#036082
```
#036082 rgb(3,96,130)
```
#036e95
```
#036e95 rgb(3,110,149)
```
#047ca8
```
#047ca8 rgb(4,124,168)
```
#048bbc
```
#048bbc rgb(4,139,188)
```
#0599cf
```
#0599cf rgb(5,153,207)
```
#05a7e2
```
#05a7e2 rgb(5,167,226)
```
#05b5f5
```
#05b5f5 rgb(5,181,245)
```

Shade Color Variation

#14bdfa
```
#14bdfa rgb(20,189,250)
```
#28c2fa
```
#28c2fa rgb(40,194,250)
```
#3bc7fb
```
#3bc7fb rgb(59,199,251)
```
#4ecdfb
```
#4ecdfb rgb(78,205,251)
```
#61d2fc
```
#61d2fc rgb(97,210,252)
```
#74d8fc
```
#74d8fc rgb(116,216,252)
```
#88ddfc
```
#88ddfc rgb(136,221,252)
```
#9be3fd
```
#9be3fd rgb(155,227,253)
```
#aee8fd
```
#aee8fd rgb(174,232,253)
```
#c1edfe
```
#c1edfe rgb(193,237,254)
```
#d4f3fe
```
#d4f3fe rgb(212,243,254)
```
#e8f8fe
```
#e8f8fe rgb(232,248,254)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#707577
```
#707577 rgb(112,117,119)
```
#677980
```
#677980 rgb(103,121,128)
```
#5e7e89
```
#5e7e89 rgb(94,126,137)
```
#558292
```
#558292 rgb(85,130,146)
```
#4c869b
```
#4c869b rgb(76,134,155)
```
#438aa4
```
#438aa4 rgb(67,138,164)
```
#3a8ead
```
#3a8ead rgb(58,142,173)
```
#3192b6
```
#3192b6 rgb(49,146,182)
```
#2996be
```
#2996be rgb(41,150,190)
```
#209bc7
```
#209bc7 rgb(32,155,199)
```
#179fd0
```
#179fd0 rgb(23,159,208)
```
#0ea3d9
```
#0ea3d9 rgb(14,163,217)
```
#05a7e2
```
#05a7e2 rgb(5,167,226)
```

Tone Color Variation

Below, you can see how #05a7e2 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

#7d7d7d Achromatopsia 0.005% of the population
#658591 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d9eda Protanopia 1% of men
#7da0e8 Deuteranopia 1% of men
#00b0bc Tritanopia 0.001% of the population

Trichromacy

#5ba1dd Protanomaly 1% of men, 0.01% of women
#51a2e5 Deuteranomaly 6% of men, 0.4% of women
#01adca Tritanomaly 0.01% of the population

#05a7e2 hex color

#05a7e2 Color Information

#05a7e2 Color Conversion

Color Schemes with #05a7e2

Alternatives to #05a7e2

#05a7e2 Preview

Shades and Tints of #05a7e2

Tones of #05a7e2

Color Blindness Simulator