#0486a1 hex color

In a RGB color space, hex #0486a1 is composed of 1.6% red, 52.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 16.8% magenta, 0% yellow and 36.9% black. It has a hue angle of 190.3 degrees, a saturation of 95.2% and a lightness of 32.4%. #0486a1 color hex could be obtained by blending #08ffff with #000d43. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 2
- G 53
- B 63
RGB color chart
- C 98
- M 17
- Y 0
- K 37
CMYK color chart

● #0486a1 color description : Dark cyan.

The hexadecimal color #0486a1 has RGB values of R:4, G:134, B:161 and CMYK values of C:0.98, M:0.17, Y:0, K:0.37. Its decimal value is 296609.

Hex triplet	0486a1	`#0486a1`
RGB Decimal	4, 134, 161	`rgb(4,134,161)`
RGB Percent	1.6, 52.5, 63.1	`rgb(1.6%,52.5%,63.1%)`
CMYK	98, 17, 0, 37
HSL	190.3°, 95.2, 32.4	`hsl(190.3,95.2%,32.4%)`
HSV (or HSB)	190.3°, 97.5, 63.1
Web Safe	009999	`#009999`

CIE-LAB	51.437, -20.435, -22.939
XYZ	15.006, 19.648, 36.718
xyY	0.21, 0.275, 19.648
CIE-LCH	51.437, 30.721, 228.305
CIE-LUV	51.437, -36.696, -31.554
Hunter-Lab	44.326, -17.139, -18.086
Binary	00000100, 10000110, 10100001

#0486a1
```
#0486a1 rgb(4,134,161)
```
#a11f04
```
#a11f04 rgb(161,31,4)
```

Complementary Color

#04a16e
```
#04a16e rgb(4,161,110)
```
#0486a1
```
#0486a1 rgb(4,134,161)
```
#0438a1
```
#0438a1 rgb(4,56,161)
```

Analogous Color

#a16e04
```
#a16e04 rgb(161,110,4)
```
#0486a1
```
#0486a1 rgb(4,134,161)
```
#a10438
```
#a10438 rgb(161,4,56)
```

Split Complementary Color

#86a104
```
#86a104 rgb(134,161,4)
```
#0486a1
```
#0486a1 rgb(4,134,161)
```
#a10486
```
#a10486 rgb(161,4,134)
```

Triadic Color

#04a11f
```
#04a11f rgb(4,161,31)
```
#0486a1
```
#0486a1 rgb(4,134,161)
```
#a10486
```
#a10486 rgb(161,4,134)
```
#a11f04
```
#a11f04 rgb(161,31,4)
```

Tetradic Color

#024856
```
#024856 rgb(2,72,86)
```
#035d6f
```
#035d6f rgb(3,93,111)
```
#037188
```
#037188 rgb(3,113,136)
```
#0486a1
```
#0486a1 rgb(4,134,161)
```
#059bba
```
#059bba rgb(5,155,186)
```
#05afd3
```
#05afd3 rgb(5,175,211)
```
#06c4ec
```
#06c4ec rgb(6,196,236)
```

Monochromatic Color

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

#04a195
```
#04a195 rgb(4,161,149)
```
#04a0a1
```
#04a0a1 rgb(4,160,161)
```
#0493a1
```
#0493a1 rgb(4,147,161)
```
#0486a1
```
#0486a1 rgb(4,134,161)
```
#0479a1
```
#0479a1 rgb(4,121,161)
```
#046ca1
```
#046ca1 rgb(4,108,161)
```
#045fa1
```
#045fa1 rgb(4,95,161)
```

Similar Colors

Text with hexadecimal color #0486a1

This text has a font color of #0486a1.

<span style="color:#0486a1;">Text here</span>

#0486a1 background color

This paragraph has a background color of #0486a1.

<p style="background-color:#0486a1;">Content here</p>

#0486a1 border color

This element has a border color of #0486a1.

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

CSS codes

.text {color:#0486a1;}

.background {background-color:#0486a1;}

.border {border:1px solid #0486a1;}

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)
```
#01161b
```
#01161b rgb(1,22,27)
```
#01262e
```
#01262e rgb(1,38,46)
```
#023641
```
#023641 rgb(2,54,65)
```
#024654
```
#024654 rgb(2,70,84)
```
#035668
```
#035668 rgb(3,86,104)
```
#03667b
```
#03667b rgb(3,102,123)
```
#04768e
```
#04768e rgb(4,118,142)
```
#0486a1
```
#0486a1 rgb(4,134,161)
```
#0496b4
```
#0496b4 rgb(4,150,180)
```
#05a6c7
```
#05a6c7 rgb(5,166,199)
```
#05b6da
```
#05b6da rgb(5,182,218)
```
#06c6ee
```
#06c6ee rgb(6,198,238)
```

Shade Color Variation

#0ed1f9
```
#0ed1f9 rgb(14,209,249)
```
#21d4f9
```
#21d4f9 rgb(33,212,249)
```
#34d8fa
```
#34d8fa rgb(52,216,250)
```
#47dcfa
```
#47dcfa rgb(71,220,250)
```
#5bdffb
```
#5bdffb rgb(91,223,251)
```
#6ee3fb
```
#6ee3fb rgb(110,227,251)
```
#81e7fc
```
#81e7fc rgb(129,231,252)
```
#94eafc
```
#94eafc rgb(148,234,252)
```
#a7eefd
```
#a7eefd rgb(167,238,253)
```
#baf2fd
```
#baf2fd rgb(186,242,253)
```
#cdf5fe
```
#cdf5fe rgb(205,245,254)
```
#e1f9fe
```
#e1f9fe rgb(225,249,254)
```
#f4fdff
```
#f4fdff rgb(244,253,255)
```

Tint Color Variation

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

#505455
```
#505455 rgb(80,84,85)
```
#4a585b
```
#4a585b rgb(74,88,91)
```
#435c62
```
#435c62 rgb(67,92,98)
```
#3d6168
```
#3d6168 rgb(61,97,104)
```
#37656e
```
#37656e rgb(55,101,110)
```
#306975
```
#306975 rgb(48,105,117)
```
#2a6d7b
```
#2a6d7b rgb(42,109,123)
```
#247181
```
#247181 rgb(36,113,129)
```
#1d7588
```
#1d7588 rgb(29,117,136)
```
#177a8e
```
#177a8e rgb(23,122,142)
```
#117e94
```
#117e94 rgb(17,126,148)
```
#0a829b
```
#0a829b rgb(10,130,155)
```
#0486a1
```
#0486a1 rgb(4,134,161)
```

Tone Color Variation

Below, you can see how #0486a1 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

#626262 Achromatopsia 0.005% of the population
#4f696f Atypical Achromatopsia 0.001% of the population

Dichromacy

#79809e Protanopia 1% of men
#747faa Deuteranopia 1% of men
#008e98 Tritanopia 0.001% of the population

Trichromacy

#4f829f Protanomaly 1% of men, 0.01% of women
#4b82a7 Deuteranomaly 6% of men, 0.4% of women
#018b9b Tritanomaly 0.01% of the population

#0486a1 hex color

#0486a1 Color Information

#0486a1 Color Conversion

Color Schemes with #0486a1

Alternatives to #0486a1

#0486a1 Preview

Shades and Tints of #0486a1

Tones of #0486a1

Color Blindness Simulator