#0486de hex color

In a RGB color space, hex #0486de is composed of 1.6% red, 52.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 39.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 204.2 degrees, a saturation of 96.5% and a lightness of 44.3%. #0486de color hex could be obtained by blending #08ffff with #000dbd. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 53
- B 87
RGB color chart
- C 98
- M 40
- Y 0
- K 13
CMYK color chart

● #0486de color description : Vivid blue.

The hexadecimal color #0486de has RGB values of R:4, G:134, B:222 and CMYK values of C:0.98, M:0.4, Y:0, K:0.13. Its decimal value is 296670.

Hex triplet	0486de	`#0486de`
RGB Decimal	4, 134, 222	`rgb(4,134,222)`
RGB Percent	1.6, 52.5, 87.1	`rgb(1.6%,52.5%,87.1%)`
CMYK	98, 40, 0, 13
HSL	204.2°, 96.5, 44.3	`hsl(204.2,96.5%,44.3%)`
HSV (or HSB)	204.2°, 98.2, 87.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.394, 2.437, -53.091
XYZ	21.757, 22.348, 72.27
xyY	0.187, 0.192, 22.348
CIE-LCH	54.394, 53.147, 272.628
CIE-LUV	54.394, -32.646, -83.301
Hunter-Lab	47.274, -0.577, -57.549
Binary	00000100, 10000110, 11011110

#0486de
```
#0486de rgb(4,134,222)
```
#de5c04
```
#de5c04 rgb(222,92,4)
```

Complementary Color

#04dec9
```
#04dec9 rgb(4,222,201)
```
#0486de
```
#0486de rgb(4,134,222)
```
#0419de
```
#0419de rgb(4,25,222)
```

Analogous Color

#dec904
```
#dec904 rgb(222,201,4)
```
#0486de
```
#0486de rgb(4,134,222)
```
#de0419
```
#de0419 rgb(222,4,25)
```

Split Complementary Color

#86de04
```
#86de04 rgb(134,222,4)
```
#0486de
```
#0486de rgb(4,134,222)
```
#de0486
```
#de0486 rgb(222,4,134)
```

Triadic Color

#04de5c
```
#04de5c rgb(4,222,92)
```
#0486de
```
#0486de rgb(4,134,222)
```
#de0486
```
#de0486 rgb(222,4,134)
```
#de5c04
```
#de5c04 rgb(222,92,4)
```

Tetradic Color

#035993
```
#035993 rgb(3,89,147)
```
#0368ac
```
#0368ac rgb(3,104,172)
```
#0477c5
```
#0477c5 rgb(4,119,197)
```
#0486de
```
#0486de rgb(4,134,222)
```
#0495f7
```
#0495f7 rgb(4,149,247)
```
#1aa0fb
```
#1aa0fb rgb(26,160,251)
```
#33abfb
```
#33abfb rgb(51,171,251)
```

Monochromatic Color

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

#04bdde
```
#04bdde rgb(4,189,222)
```
#04aade
```
#04aade rgb(4,170,222)
```
#0498de
```
#0498de rgb(4,152,222)
```
#0486de
```
#0486de rgb(4,134,222)
```
#0474de
```
#0474de rgb(4,116,222)
```
#0462de
```
#0462de rgb(4,98,222)
```
#0450de
```
#0450de rgb(4,80,222)
```

Similar Colors

Text with hexadecimal color #0486de

This text has a font color of #0486de.

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

#0486de background color

This paragraph has a background color of #0486de.

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

#0486de border color

This element has a border color of #0486de.

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

CSS codes

.text {color:#0486de;}

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

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

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, #00060a is the darkest color, while #f6fbff is the lightest one.

#00060a
```
#00060a rgb(0,6,10)
```
#01121d
```
#01121d rgb(1,18,29)
```
#011d31
```
#011d31 rgb(1,29,49)
```
#012944
```
#012944 rgb(1,41,68)
```
#023557
```
#023557 rgb(2,53,87)
```
#02406a
```
#02406a rgb(2,64,106)
```
#024c7e
```
#024c7e rgb(2,76,126)
```
#035791
```
#035791 rgb(3,87,145)
```
#0363a4
```
#0363a4 rgb(3,99,164)
```
#036fb7
```
#036fb7 rgb(3,111,183)
```
#047acb
```
#047acb rgb(4,122,203)
```
#0486de
```
#0486de rgb(4,134,222)
```
#0492f1
```
#0492f1 rgb(4,146,241)
```

Shade Color Variation

#0f9bfb
```
#0f9bfb rgb(15,155,251)
```
#22a3fb
```
#22a3fb rgb(34,163,251)
```
#35abfb
```
#35abfb rgb(53,171,251)
```
#48b3fc
```
#48b3fc rgb(72,179,252)
```
#5cbbfc
```
#5cbbfc rgb(92,187,252)
```
#6fc3fc
```
#6fc3fc rgb(111,195,252)
```
#82cbfd
```
#82cbfd rgb(130,203,253)
```
#95d3fd
```
#95d3fd rgb(149,211,253)
```
#a9dbfd
```
#a9dbfd rgb(169,219,253)
```
#bce3fe
```
#bce3fe rgb(188,227,254)
```
#cfebfe
```
#cfebfe rgb(207,235,254)
```
#e3f3fe
```
#e3f3fe rgb(227,243,254)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#6c7276
```
#6c7276 rgb(108,114,118)
```
#64747e
```
#64747e rgb(100,116,126)
```
#5b7587
```
#5b7587 rgb(91,117,135)
```
#527790
```
#527790 rgb(82,119,144)
```
#4a7998
```
#4a7998 rgb(74,121,152)
```
#417aa1
```
#417aa1 rgb(65,122,161)
```
#387caa
```
#387caa rgb(56,124,170)
```
#2f7eb3
```
#2f7eb3 rgb(47,126,179)
```
#277fbb
```
#277fbb rgb(39,127,187)
```
#1e81c4
```
#1e81c4 rgb(30,129,196)
```
#1583cd
```
#1583cd rgb(21,131,205)
```
#0d84d5
```
#0d84d5 rgb(13,132,213)
```
#0486de
```
#0486de rgb(4,134,222)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#556f80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6285da Protanopia 1% of men
#398ae0 Deuteranopia 1% of men
#00969f Tritanopia 0.001% of the population

Trichromacy

#3f85db Protanomaly 1% of men, 0.01% of women
#2588df Deuteranomaly 6% of men, 0.4% of women
#0190b6 Tritanomaly 0.01% of the population

#0486de hex color

#0486de Color Information

#0486de Color Conversion

Color Schemes with #0486de

Alternatives to #0486de

#0486de Preview

Shades and Tints of #0486de

Tones of #0486de

Color Blindness Simulator