#0486c1 hex color

In a RGB color space, hex #0486c1 is composed of 1.6% red, 52.5% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 30.6% magenta, 0% yellow and 24.3% black. It has a hue angle of 198.7 degrees, a saturation of 95.9% and a lightness of 38.6%. #0486c1 color hex could be obtained by blending #08ffff with #000d83. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 53
- B 76
RGB color chart
- C 98
- M 31
- Y 0
- K 24
CMYK color chart

● #0486c1 color description : Strong blue.

The hexadecimal color #0486c1 has RGB values of R:4, G:134, B:193 and CMYK values of C:0.98, M:0.31, Y:0, K:0.24. Its decimal value is 296641.

Hex triplet	0486c1	`#0486c1`
RGB Decimal	4, 134, 193	`rgb(4,134,193)`
RGB Percent	1.6, 52.5, 75.7	`rgb(1.6%,52.5%,75.7%)`
CMYK	98, 31, 0, 24
HSL	198.7°, 95.9, 38.6	`hsl(198.7,95.9%,38.6%)`
HSV (or HSB)	198.7°, 97.9, 75.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	52.867, -8.657, -39.112
XYZ	18.198, 20.924, 53.529
xyY	0.196, 0.226, 20.924
CIE-LCH	52.867, 40.059, 257.52
CIE-LUV	52.867, -34.419, -59.159
Hunter-Lab	45.743, -9.037, -37.361
Binary	00000100, 10000110, 11000001

#0486c1
```
#0486c1 rgb(4,134,193)
```
#c13f04
```
#c13f04 rgb(193,63,4)
```

Complementary Color

#04c19e
```
#04c19e rgb(4,193,158)
```
#0486c1
```
#0486c1 rgb(4,134,193)
```
#0428c1
```
#0428c1 rgb(4,40,193)
```

Analogous Color

#c19e04
```
#c19e04 rgb(193,158,4)
```
#0486c1
```
#0486c1 rgb(4,134,193)
```
#c10428
```
#c10428 rgb(193,4,40)
```

Split Complementary Color

#86c104
```
#86c104 rgb(134,193,4)
```
#0486c1
```
#0486c1 rgb(4,134,193)
```
#c10486
```
#c10486 rgb(193,4,134)
```

Triadic Color

#04c13f
```
#04c13f rgb(4,193,63)
```
#0486c1
```
#0486c1 rgb(4,134,193)
```
#c10486
```
#c10486 rgb(193,4,134)
```
#c13f04
```
#c13f04 rgb(193,63,4)
```

Tetradic Color

#025276
```
#025276 rgb(2,82,118)
```
#03638f
```
#03638f rgb(3,99,143)
```
#0375a8
```
#0375a8 rgb(3,117,168)
```
#0486c1
```
#0486c1 rgb(4,134,193)
```
#0597da
```
#0597da rgb(5,151,218)
```
#05a9f3
```
#05a9f3 rgb(5,169,243)
```
#17b3fa
```
#17b3fa rgb(23,179,250)
```

Monochromatic Color

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

#04b5c1
```
#04b5c1 rgb(4,181,193)
```
#04a6c1
```
#04a6c1 rgb(4,166,193)
```
#0496c1
```
#0496c1 rgb(4,150,193)
```
#0486c1
```
#0486c1 rgb(4,134,193)
```
#0476c1
```
#0476c1 rgb(4,118,193)
```
#0467c1
```
#0467c1 rgb(4,103,193)
```
#0457c1
```
#0457c1 rgb(4,87,193)
```

Similar Colors

Text with hexadecimal color #0486c1

This text has a font color of #0486c1.

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

#0486c1 background color

This paragraph has a background color of #0486c1.

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

#0486c1 border color

This element has a border color of #0486c1.

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

CSS codes

.text {color:#0486c1;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#000e14
```
#000e14 rgb(0,14,20)
```
#011b27
```
#011b27 rgb(1,27,39)
```
#01293a
```
#01293a rgb(1,41,58)
```
#02364e
```
#02364e rgb(2,54,78)
```
#024361
```
#024361 rgb(2,67,97)
```
#025174
```
#025174 rgb(2,81,116)
```
#035e87
```
#035e87 rgb(3,94,135)
```
#036b9b
```
#036b9b rgb(3,107,155)
```
#0479ae
```
#0479ae rgb(4,121,174)
```
#0486c1
```
#0486c1 rgb(4,134,193)
```
#0493d4
```
#0493d4 rgb(4,147,212)
```
#05a1e7
```
#05a1e7 rgb(5,161,231)
```

Shade Color Variation

#06aefa
```
#06aefa rgb(6,174,250)
```
#19b4fa
```
#19b4fa rgb(25,180,250)
```
#2cbafb
```
#2cbafb rgb(44,186,251)
```
#40c1fb
```
#40c1fb rgb(64,193,251)
```
#53c7fb
```
#53c7fb rgb(83,199,251)
```
#66cdfc
```
#66cdfc rgb(102,205,252)
```
#79d3fc
```
#79d3fc rgb(121,211,252)
```
#8ddafd
```
#8ddafd rgb(141,218,253)
```
#a0e0fd
```
#a0e0fd rgb(160,224,253)
```
#b3e6fd
```
#b3e6fd rgb(179,230,253)
```
#c6ecfe
```
#c6ecfe rgb(198,236,254)
```
#d9f3fe
```
#d9f3fe rgb(217,243,254)
```
#edf9ff
```
#edf9ff rgb(237,249,255)
```

Tint Color Variation

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

#5f6466
```
#5f6466 rgb(95,100,102)
```
#57676e
```
#57676e rgb(87,103,110)
```
#506a75
```
#506a75 rgb(80,106,117)
```
#486c7d
```
#486c7d rgb(72,108,125)
```
#416f84
```
#416f84 rgb(65,111,132)
```
#39728c
```
#39728c rgb(57,114,140)
```
#317594
```
#317594 rgb(49,117,148)
```
#2a789b
```
#2a789b rgb(42,120,155)
```
#227ba3
```
#227ba3 rgb(34,123,163)
```
#1b7daa
```
#1b7daa rgb(27,125,170)
```
#1380b2
```
#1380b2 rgb(19,128,178)
```
#0c83b9
```
#0c83b9 rgb(12,131,185)
```
#0486c1
```
#0486c1 rgb(4,134,193)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#526c78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f82bd Protanopia 1% of men
#5e84c7 Deuteranopia 1% of men
#00919b Tritanopia 0.001% of the population

Trichromacy

#4884be Protanomaly 1% of men, 0.01% of women
#3d85c5 Deuteranomaly 6% of men, 0.4% of women
#018da9 Tritanomaly 0.01% of the population

#0486c1 hex color

#0486c1 Color Information

#0486c1 Color Conversion

Color Schemes with #0486c1

Alternatives to #0486c1

#0486c1 Preview

Shades and Tints of #0486c1

Tones of #0486c1

Color Blindness Simulator