colorhexa.com

#0486b3 hex color

In a RGB color space, hex #0486b3 is composed of 1.6% red, 52.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 25.1% magenta, 0% yellow and 29.8% black. It has a hue angle of 195.4 degrees, a saturation of 95.6% and a lightness of 35.9%. #0486b3 color hex could be obtained by blending #08ffff with #000d67. Closest websafe color is: #0099cc.

- R 2
- G 53
- B 70
RGB color chart
- C 98
- M 25
- Y 0
- K 30
CMYK color chart

● #0486b3 color description : Strong blue.

The hexadecimal color #0486b3 has RGB values of R:4, G:134, B:179 and CMYK values of C:0.98, M:0.25, Y:0, K:0.3. Its decimal value is 296627.

Hex triplet	0486b3	`#0486b3`
RGB Decimal	4, 134, 179	`rgb(4,134,179)`
RGB Percent	1.6, 52.5, 70.2	`rgb(1.6%,52.5%,70.2%)`
CMYK	98, 25, 0, 30
HSL	195.4°, 95.6, 35.9	`hsl(195.4,95.6%,35.9%)`
HSV (or HSB)	195.4°, 97.8, 70.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	52.207, -13.896, -32.133
XYZ	16.71, 20.329, 45.689
xyY	0.202, 0.246, 20.329
CIE-LCH	52.207, 35.009, 246.613
CIE-LUV	52.207, -35.38, -47.153
Hunter-Lab	45.088, -12.751, -28.519
Binary	00000100, 10000110, 10110011

#0486b3
```
#0486b3 rgb(4,134,179)
```
#b33104
```
#b33104 rgb(179,49,4)
```

Complementary Color

#04b389
```
#04b389 rgb(4,179,137)
```
#0486b3
```
#0486b3 rgb(4,134,179)
```
#042fb3
```
#042fb3 rgb(4,47,179)
```

Analogous Color

#b38904
```
#b38904 rgb(179,137,4)
```
#0486b3
```
#0486b3 rgb(4,134,179)
```
#b3042f
```
#b3042f rgb(179,4,47)
```

Split Complementary Color

#86b304
```
#86b304 rgb(134,179,4)
```
#0486b3
```
#0486b3 rgb(4,134,179)
```
#b30486
```
#b30486 rgb(179,4,134)
```

Triadic Color

#024e68
```
#024e68 rgb(2,78,104)
```
#036181
```
#036181 rgb(3,97,129)
```
#03739a
```
#03739a rgb(3,115,154)
```
#0486b3
```
#0486b3 rgb(4,134,179)
```
#0599cc
```
#0599cc rgb(5,153,204)
```
#05abe5
```
#05abe5 rgb(5,171,229)
```
#0abcfa
```
#0abcfa rgb(10,188,250)
```

Monochromatic Color

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

#04b2b3
```
#04b2b3 rgb(4,178,179)
```
#04a3b3
```
#04a3b3 rgb(4,163,179)
```
#0495b3
```
#0495b3 rgb(4,149,179)
```
#0486b3
```
#0486b3 rgb(4,134,179)
```
#0477b3
```
#0477b3 rgb(4,119,179)
```
#0469b3
```
#0469b3 rgb(4,105,179)
```
#045ab3
```
#045ab3 rgb(4,90,179)
```

Similar Colors

Text with hexadecimal color #0486b3

This text has a font color of #0486b3.

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

#0486b3 background color

This paragraph has a background color of #0486b3.

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

#0486b3 border color

This element has a border color of #0486b3.

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

CSS codes

.text {color:#0486b3;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#01131a
```
#01131a rgb(1,19,26)
```
#01212d
```
#01212d rgb(1,33,45)
```
#013040
```
#013040 rgb(1,48,64)
```
#023e53
```
#023e53 rgb(2,62,83)
```
#024d66
```
#024d66 rgb(2,77,102)
```
#035b79
```
#035b79 rgb(3,91,121)
```
#03698d
```
#03698d rgb(3,105,141)
```
#0478a0
```
#0478a0 rgb(4,120,160)
```
#0486b3
```
#0486b3 rgb(4,134,179)
```
#0494c6
```
#0494c6 rgb(4,148,198)
```
#05a3d9
```
#05a3d9 rgb(5,163,217)
```
#05b1ed
```
#05b1ed rgb(5,177,237)
```

Shade Color Variation

#0cbcfa
```
#0cbcfa rgb(12,188,250)
```
#1fc2fa
```
#1fc2fa rgb(31,194,250)
```
#32c7fa
```
#32c7fa rgb(50,199,250)
```
#45ccfb
```
#45ccfb rgb(69,204,251)
```
#59d1fb
```
#59d1fb rgb(89,209,251)
```
#6cd7fc
```
#6cd7fc rgb(108,215,252)
```
#7fdcfc
```
#7fdcfc rgb(127,220,252)
```
#92e1fd
```
#92e1fd rgb(146,225,253)
```
#a5e6fd
```
#a5e6fd rgb(165,230,253)
```
#b9ecfd
```
#b9ecfd rgb(185,236,253)
```
#ccf1fe
```
#ccf1fe rgb(204,241,254)
```
#dff6fe
```
#dff6fe rgb(223,246,254)
```
#f2fbff
```
#f2fbff rgb(242,251,255)
```

Tint Color Variation

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

#585d5f
```
#585d5f rgb(88,93,95)
```
#516066
```
#516066 rgb(81,96,102)
```
#4a646d
```
#4a646d rgb(74,100,109)
```
#436774
```
#436774 rgb(67,103,116)
```
#3c6b7b
```
#3c6b7b rgb(60,107,123)
```
#356e82
```
#356e82 rgb(53,110,130)
```
#2e7189
```
#2e7189 rgb(46,113,137)
```
#277590
```
#277590 rgb(39,117,144)
```
#207897
```
#207897 rgb(32,120,151)
```
#197c9e
```
#197c9e rgb(25,124,158)
```
#127fa5
```
#127fa5 rgb(18,127,165)
```
#0b83ac
```
#0b83ac rgb(11,131,172)
```
#0486b3
```
#0486b3 rgb(4,134,179)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#516b74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7481af Protanopia 1% of men
#6982ba Deuteranopia 1% of men
#009099 Tritanopia 0.001% of the population

Trichromacy

#4b83b0 Protanomaly 1% of men, 0.01% of women
#4483b8 Deuteranomaly 6% of men, 0.4% of women
#018ca3 Tritanomaly 0.01% of the population