colorhexa.com

#058fb6 hex color

In a RGB color space, hex #058fb6 is composed of 2% red, 56.1% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 21.4% magenta, 0% yellow and 28.6% black. It has a hue angle of 193.2 degrees, a saturation of 94.7% and a lightness of 36.7%. #058fb6 color hex could be obtained by blending #0affff with #001f6d. Closest websafe color is: #0099cc.

- R 2
- G 56
- B 71
RGB color chart
- C 97
- M 21
- Y 0
- K 29
CMYK color chart

● #058fb6 color description : Strong cyan.

The hexadecimal color #058fb6 has RGB values of R:5, G:143, B:182 and CMYK values of C:0.97, M:0.21, Y:0, K:0.29. Its decimal value is 364470.

Hex triplet	058fb6	`#058fb6`
RGB Decimal	5, 143, 182	`rgb(5,143,182)`
RGB Percent	2, 56.1, 71.4	`rgb(2%,56.1%,71.4%)`
CMYK	97, 21, 0, 29
HSL	193.2°, 94.7, 36.7	`hsl(193.2,94.7%,36.7%)`
HSV (or HSB)	193.2°, 97.3, 71.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.127, -17.724, -29.304
XYZ	18.326, 23.053, 47.737
xyY	0.206, 0.259, 23.053
CIE-LCH	55.127, 34.247, 238.833
CIE-LUV	55.127, -38.231, -42.555
Hunter-Lab	48.013, -15.891, -25.34
Binary	00000101, 10001111, 10110110

#058fb6
```
#058fb6 rgb(5,143,182)
```
#b62c05
```
#b62c05 rgb(182,44,5)
```

Complementary Color

#05b685
```
#05b685 rgb(5,182,133)
```
#058fb6
```
#058fb6 rgb(5,143,182)
```
#0537b6
```
#0537b6 rgb(5,55,182)
```

Analogous Color

#b68505
```
#b68505 rgb(182,133,5)
```
#058fb6
```
#058fb6 rgb(5,143,182)
```
#b60537
```
#b60537 rgb(182,5,55)
```

Split Complementary Color

#8fb605
```
#8fb605 rgb(143,182,5)
```
#058fb6
```
#058fb6 rgb(5,143,182)
```
#b6058f
```
#b6058f rgb(182,5,143)
```

Triadic Color

#03556c
```
#03556c rgb(3,85,108)
```
#046884
```
#046884 rgb(4,104,132)
```
#047c9d
```
#047c9d rgb(4,124,157)
```
#058fb6
```
#058fb6 rgb(5,143,182)
```
#06a3cf
```
#06a3cf rgb(6,163,207)
```
#06b6e8
```
#06b6e8 rgb(6,182,232)
```
#0fc5f8
```
#0fc5f8 rgb(15,197,248)
```

Monochromatic Color

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

#05b6b1
```
#05b6b1 rgb(5,182,177)
```
#05adb6
```
#05adb6 rgb(5,173,182)
```
#059eb6
```
#059eb6 rgb(5,158,182)
```
#058fb6
```
#058fb6 rgb(5,143,182)
```
#0580b6
```
#0580b6 rgb(5,128,182)
```
#0572b6
```
#0572b6 rgb(5,114,182)
```
#0563b6
```
#0563b6 rgb(5,99,182)
```

Similar Colors

Text with hexadecimal color #058fb6

This text has a font color of #058fb6.

<span style="color:#058fb6;">Text here</span>

#058fb6 background color

This paragraph has a background color of #058fb6.

<p style="background-color:#058fb6;">Content here</p>

#058fb6 border color

This element has a border color of #058fb6.

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

CSS codes

.text {color:#058fb6;}

.background {background-color:#058fb6;}

.border {border:1px solid #058fb6;}

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

#00080a
```
#00080a rgb(0,8,10)
```
#01171d
```
#01171d rgb(1,23,29)
```
#012630
```
#012630 rgb(1,38,48)
```
#023543
```
#023543 rgb(2,53,67)
```
#024457
```
#024457 rgb(2,68,87)
```
#03536a
```
#03536a rgb(3,83,106)
```
#03627d
```
#03627d rgb(3,98,125)
```
#047190
```
#047190 rgb(4,113,144)
```
#0480a3
```
#0480a3 rgb(4,128,163)
```
#058fb6
```
#058fb6 rgb(5,143,182)
```
#069ec9
```
#069ec9 rgb(6,158,201)
```
#06addc
```
#06addc rgb(6,173,220)
```
#07bcef
```
#07bcef rgb(7,188,239)
```

Shade Color Variation

#11c5f8
```
#11c5f8 rgb(17,197,248)
```
#24caf9
```
#24caf9 rgb(36,202,249)
```
#37cffa
```
#37cffa rgb(55,207,250)
```
#4ad3fa
```
#4ad3fa rgb(74,211,250)
```
#5dd8fb
```
#5dd8fb rgb(93,216,251)
```
#70ddfb
```
#70ddfb rgb(112,221,251)
```
#84e1fc
```
#84e1fc rgb(132,225,252)
```
#97e6fc
```
#97e6fc rgb(151,230,252)
```
#aaeafd
```
#aaeafd rgb(170,234,253)
```
#bdeffd
```
#bdeffd rgb(189,239,253)
```
#d0f4fe
```
#d0f4fe rgb(208,244,254)
```
#e3f8fe
```
#e3f8fe rgb(227,248,254)
```
#f6fdff
```
#f6fdff rgb(246,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5f60 is the less saturated color, while #058fb6 is the most saturated one.

#5b5f60
```
#5b5f60 rgb(91,95,96)
```
#546367
```
#546367 rgb(84,99,103)
```
#4d676e
```
#4d676e rgb(77,103,110)
```
#466b75
```
#466b75 rgb(70,107,117)
```
#3f6f7c
```
#3f6f7c rgb(63,111,124)
```
#377384
```
#377384 rgb(55,115,132)
```
#30778b
```
#30778b rgb(48,119,139)
```
#297b92
```
#297b92 rgb(41,123,146)
```
#227f99
```
#227f99 rgb(34,127,153)
```
#1b83a0
```
#1b83a0 rgb(27,131,160)
```
#1387a8
```
#1387a8 rgb(19,135,168)
```
#0c8baf
```
#0c8baf rgb(12,139,175)
```
#058fb6
```
#058fb6 rgb(5,143,182)
```

Tone Color Variation

Below, you can see how #058fb6 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

#6a6a6a Achromatopsia 0.005% of the population
#567179 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e88b1 Protanopia 1% of men
#7589be Deuteranopia 1% of men
#0097a2 Tritanopia 0.001% of the population

Trichromacy

#528bb3 Protanomaly 1% of men, 0.01% of women
#4c8bbb Deuteranomaly 6% of men, 0.4% of women
#0194a9 Tritanomaly 0.01% of the population