colorhexa.com

#059fb4 hex color

In a RGB color space, hex #059fb4 is composed of 2% red, 62.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 97.2% cyan, 11.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 187.2 degrees, a saturation of 94.6% and a lightness of 36.3%. #059fb4 color hex could be obtained by blending #0affff with #003f69. Closest websafe color is: #0099cc.

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

● #059fb4 color description : Strong cyan.

The hexadecimal color #059fb4 has RGB values of R:5, G:159, B:180 and CMYK values of C:0.97, M:0.12, Y:0, K:0.29. Its decimal value is 368564.

Hex triplet	059fb4	`#059fb4`
RGB Decimal	5, 159, 180	`rgb(5,159,180)`
RGB Percent	2, 62.4, 70.6	`rgb(2%,62.4%,70.6%)`
CMYK	97, 12, 0, 29
HSL	187.2°, 94.6, 36.3	`hsl(187.2,94.6%,36.3%)`
HSV (or HSB)	187.2°, 97.2, 70.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	59.999, -26.771, -20.668
XYZ	20.697, 28.122, 47.515
xyY	0.215, 0.292, 28.122
CIE-LCH	59.999, 33.821, 217.669
CIE-LUV	59.999, -43.945, -27.879
Hunter-Lab	53.03, -23.137, -16.003
Binary	00000101, 10011111, 10110100

#059fb4
```
#059fb4 rgb(5,159,180)
```
#b41a05
```
#b41a05 rgb(180,26,5)
```

Complementary Color

#05b472
```
#05b472 rgb(5,180,114)
```
#059fb4
```
#059fb4 rgb(5,159,180)
```
#0548b4
```
#0548b4 rgb(5,72,180)
```

Analogous Color

#b47205
```
#b47205 rgb(180,114,5)
```
#059fb4
```
#059fb4 rgb(5,159,180)
```
#b40547
```
#b40547 rgb(180,5,71)
```

Split Complementary Color

#9fb405
```
#9fb405 rgb(159,180,5)
```
#059fb4
```
#059fb4 rgb(5,159,180)
```
#b4059f
```
#b4059f rgb(180,5,159)
```

Triadic Color

#035d6a
```
#035d6a rgb(3,93,106)
```
#047382
```
#047382 rgb(4,115,130)
```
#04899b
```
#04899b rgb(4,137,155)
```
#059fb4
```
#059fb4 rgb(5,159,180)
```
#06b5cd
```
#06b5cd rgb(6,181,205)
```
#06cbe6
```
#06cbe6 rgb(6,203,230)
```
#0ddcf8
```
#0ddcf8 rgb(13,220,248)
```

Monochromatic Color

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

#05b49d
```
#05b49d rgb(5,180,157)
```
#05b4ac
```
#05b4ac rgb(5,180,172)
```
#05aeb4
```
#05aeb4 rgb(5,174,180)
```
#059fb4
```
#059fb4 rgb(5,159,180)
```
#0590b4
```
#0590b4 rgb(5,144,180)
```
#0582b4
```
#0582b4 rgb(5,130,180)
```
#0573b4
```
#0573b4 rgb(5,115,180)
```

Similar Colors

Text with hexadecimal color #059fb4

This text has a font color of #059fb4.

<span style="color:#059fb4;">Text here</span>

#059fb4 background color

This paragraph has a background color of #059fb4.

<p style="background-color:#059fb4;">Content here</p>

#059fb4 border color

This element has a border color of #059fb4.

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

CSS codes

.text {color:#059fb4;}

.background {background-color:#059fb4;}

.border {border:1px solid #059fb4;}

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

#000708
```
#000708 rgb(0,7,8)
```
#01181b
```
#01181b rgb(1,24,27)
```
#01292e
```
#01292e rgb(1,41,46)
```
#023a41
```
#023a41 rgb(2,58,65)
```
#024b55
```
#024b55 rgb(2,75,85)
```
#035c68
```
#035c68 rgb(3,92,104)
```
#036c7b
```
#036c7b rgb(3,108,123)
```
#047d8e
```
#047d8e rgb(4,125,142)
```
#048ea1
```
#048ea1 rgb(4,142,161)
```
#059fb4
```
#059fb4 rgb(5,159,180)
```
#06b0c7
```
#06b0c7 rgb(6,176,199)
```
#06c1da
```
#06c1da rgb(6,193,218)
```
#07d2ed
```
#07d2ed rgb(7,210,237)
```

Shade Color Variation

#0fdcf8
```
#0fdcf8 rgb(15,220,248)
```
#22dff9
```
#22dff9 rgb(34,223,249)
```
#35e2f9
```
#35e2f9 rgb(53,226,249)
```
#48e5fa
```
#48e5fa rgb(72,229,250)
```
#5be7fa
```
#5be7fa rgb(91,231,250)
```
#6feafb
```
#6feafb rgb(111,234,251)
```
#82edfc
```
#82edfc rgb(130,237,252)
```
#95f0fc
```
#95f0fc rgb(149,240,252)
```
#a8f2fd
```
#a8f2fd rgb(168,242,253)
```
#bbf5fd
```
#bbf5fd rgb(187,245,253)
```
#cef8fe
```
#cef8fe rgb(206,248,254)
```
#e1fbfe
```
#e1fbfe rgb(225,251,254)
```
#f4fdff
```
#f4fdff rgb(244,253,255)
```

Tint Color Variation

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

#5a5e5f
```
#5a5e5f rgb(90,94,95)
```
#536466
```
#536466 rgb(83,100,102)
```
#4c696d
```
#4c696d rgb(76,105,109)
```
#456e74
```
#456e74 rgb(69,110,116)
```
#3e747b
```
#3e747b rgb(62,116,123)
```
#377982
```
#377982 rgb(55,121,130)
```
#307f89
```
#307f89 rgb(48,127,137)
```
#298490
```
#298490 rgb(41,132,144)
```
#218998
```
#218998 rgb(33,137,152)
```
#1a8f9f
```
#1a8f9f rgb(26,143,159)
```
#1394a6
```
#1394a6 rgb(19,148,166)
```
#0c9aad
```
#0c9aad rgb(12,154,173)
```
#059fb4
```
#059fb4 rgb(5,159,180)
```

Tone Color Variation

Below, you can see how #059fb4 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

#737373 Achromatopsia 0.005% of the population
#5d7c80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9095ae Protanopia 1% of men
#8d93be Deuteranopia 1% of men
#00a4b0 Tritanopia 0.001% of the population

Trichromacy

#5e98b0 Protanomaly 1% of men, 0.01% of women
#5b97ba Deuteranomaly 6% of men, 0.4% of women
#01a2b1 Tritanomaly 0.01% of the population