colorhexa.com

#0487a4 hex color

In a RGB color space, hex #0487a4 is composed of 1.6% red, 52.9% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 17.7% magenta, 0% yellow and 35.7% black. It has a hue angle of 190.9 degrees, a saturation of 95.2% and a lightness of 32.9%. #0487a4 color hex could be obtained by blending #08ffff with #000f49. Closest websafe color is: #009999.

- R 2
- G 53
- B 64
RGB color chart
- C 98
- M 18
- Y 0
- K 36
CMYK color chart

● #0487a4 color description : Dark cyan.

The hexadecimal color #0487a4 has RGB values of R:4, G:135, B:164 and CMYK values of C:0.98, M:0.18, Y:0, K:0.36. Its decimal value is 296868.

Hex triplet	0487a4	`#0487a4`
RGB Decimal	4, 135, 164	`rgb(4,135,164)`
RGB Percent	1.6, 52.9, 64.3	`rgb(1.6%,52.9%,64.3%)`
CMYK	98, 18, 0, 36
HSL	190.9°, 95.2, 32.9	`hsl(190.9,95.2%,32.9%)`
HSV (or HSB)	190.9°, 97.6, 64.3
Web Safe	009999	`#009999`

CIE-LAB	51.874, -19.901, -24.002
XYZ	15.413, 20.033, 38.174
xyY	0.209, 0.272, 20.033
CIE-LCH	51.874, 31.18, 230.336
CIE-LUV	51.874, -36.823, -33.356
Hunter-Lab	44.758, -16.857, -19.239
Binary	00000100, 10000111, 10100100

#0487a4
```
#0487a4 rgb(4,135,164)
```
#a42104
```
#a42104 rgb(164,33,4)
```

Complementary Color

#04a471
```
#04a471 rgb(4,164,113)
```
#0487a4
```
#0487a4 rgb(4,135,164)
```
#0437a4
```
#0437a4 rgb(4,55,164)
```

Analogous Color

#a47104
```
#a47104 rgb(164,113,4)
```
#0487a4
```
#0487a4 rgb(4,135,164)
```
#a40437
```
#a40437 rgb(164,4,55)
```

Split Complementary Color

#87a404
```
#87a404 rgb(135,164,4)
```
#0487a4
```
#0487a4 rgb(4,135,164)
```
#a40487
```
#a40487 rgb(164,4,135)
```

Triadic Color

#024a59
```
#024a59 rgb(2,74,89)
```
#035e72
```
#035e72 rgb(3,94,114)
```
#03738b
```
#03738b rgb(3,115,139)
```
#0487a4
```
#0487a4 rgb(4,135,164)
```
#059bbd
```
#059bbd rgb(5,155,189)
```
#05b0d6
```
#05b0d6 rgb(5,176,214)
```
#06c4ef
```
#06c4ef rgb(6,196,239)
```

Monochromatic Color

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

#04a499
```
#04a499 rgb(4,164,153)
```
#04a2a4
```
#04a2a4 rgb(4,162,164)
```
#0494a4
```
#0494a4 rgb(4,148,164)
```
#0487a4
```
#0487a4 rgb(4,135,164)
```
#047aa4
```
#047aa4 rgb(4,122,164)
```
#046ca4
```
#046ca4 rgb(4,108,164)
```
#045fa4
```
#045fa4 rgb(4,95,164)
```

Similar Colors

Text with hexadecimal color #0487a4

This text has a font color of #0487a4.

<span style="color:#0487a4;">Text here</span>

#0487a4 background color

This paragraph has a background color of #0487a4.

<p style="background-color:#0487a4;">Content here</p>

#0487a4 border color

This element has a border color of #0487a4.

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

CSS codes

.text {color:#0487a4;}

.background {background-color:#0487a4;}

.border {border:1px solid #0487a4;}

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

#00090b
```
#00090b rgb(0,9,11)
```
#01191e
```
#01191e rgb(1,25,30)
```
#012831
```
#012831 rgb(1,40,49)
```
#023844
```
#023844 rgb(2,56,68)
```
#024857
```
#024857 rgb(2,72,87)
```
#03586b
```
#03586b rgb(3,88,107)
```
#03677e
```
#03677e rgb(3,103,126)
```
#047791
```
#047791 rgb(4,119,145)
```
#0487a4
```
#0487a4 rgb(4,135,164)
```
#0497b7
```
#0497b7 rgb(4,151,183)
```
#05a7ca
```
#05a7ca rgb(5,167,202)
```
#05b6dd
```
#05b6dd rgb(5,182,221)
```
#06c6f1
```
#06c6f1 rgb(6,198,241)
```

Shade Color Variation

#11cff9
```
#11cff9 rgb(17,207,249)
```
#24d3fa
```
#24d3fa rgb(36,211,250)
```
#37d7fa
```
#37d7fa rgb(55,215,250)
```
#4adbfb
```
#4adbfb rgb(74,219,251)
```
#5ddefb
```
#5ddefb rgb(93,222,251)
```
#71e2fc
```
#71e2fc rgb(113,226,252)
```
#84e6fc
```
#84e6fc rgb(132,230,252)
```
#97eafc
```
#97eafc rgb(151,234,252)
```
#aaeefd
```
#aaeefd rgb(170,238,253)
```
#bdf2fd
```
#bdf2fd rgb(189,242,253)
```
#d0f6fe
```
#d0f6fe rgb(208,246,254)
```
#e4f9fe
```
#e4f9fe rgb(228,249,254)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

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

#525656
```
#525656 rgb(82,86,86)
```
#4b5a5d
```
#4b5a5d rgb(75,90,93)
```
#455e63
```
#455e63 rgb(69,94,99)
```
#3e626a
```
#3e626a rgb(62,98,106)
```
#386670
```
#386670 rgb(56,102,112)
```
#316a77
```
#316a77 rgb(49,106,119)
```
#2b6e7d
```
#2b6e7d rgb(43,110,125)
```
#247284
```
#247284 rgb(36,114,132)
```
#1e778a
```
#1e778a rgb(30,119,138)
```
#177b91
```
#177b91 rgb(23,123,145)
```
#117f97
```
#117f97 rgb(17,127,151)
```
#0a839e
```
#0a839e rgb(10,131,158)
```
#0487a4
```
#0487a4 rgb(4,135,164)
```

Tone Color Variation

Below, you can see how #0487a4 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

#636363 Achromatopsia 0.005% of the population
#506a70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a81a0 Protanopia 1% of men
#7480ad Deuteranopia 1% of men
#008f99 Tritanopia 0.001% of the population

Trichromacy

#4f83a2 Protanomaly 1% of men, 0.01% of women
#4b83aa Deuteranomaly 6% of men, 0.4% of women
#018c9d Tritanomaly 0.01% of the population