colorhexa.com

#2486ca hex color

In a RGB color space, hex #2486ca is composed of 14.1% red, 52.5% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 33.7% magenta, 0% yellow and 20.8% black. It has a hue angle of 204.6 degrees, a saturation of 69.7% and a lightness of 46.7%. #2486ca color hex could be obtained by blending #48ffff with #000d95. Closest websafe color is: #3399cc.

- R 14
- G 53
- B 79
RGB color chart
- C 82
- M 34
- Y 0
- K 21
CMYK color chart

● #2486ca color description : Strong blue.

The hexadecimal color #2486ca has RGB values of R:36, G:134, B:202 and CMYK values of C:0.82, M:0.34, Y:0, K:0.21. Its decimal value is 2393802.

Hex triplet	2486ca	`#2486ca`
RGB Decimal	36, 134, 202	`rgb(36,134,202)`
RGB Percent	14.1, 52.5, 79.2	`rgb(14.1%,52.5%,79.2%)`
CMYK	82, 34, 0, 21
HSL	204.6°, 69.7, 46.7	`hsl(204.6,69.7%,46.7%)`
HSV (or HSB)	204.6°, 82.2, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.694, -3.454, -42.9
XYZ	19.911, 21.688, 59.011
xyY	0.198, 0.216, 21.688
CIE-LCH	53.694, 43.039, 265.397
CIE-LUV	53.694, -31.65, -66.029
Hunter-Lab	46.57, -5.181, -42.529
Binary	00100100, 10000110, 11001010

#2486ca
```
#2486ca rgb(36,134,202)
```
#ca6824
```
#ca6824 rgb(202,104,36)
```

Complementary Color

#24cabb
```
#24cabb rgb(36,202,187)
```
#2486ca
```
#2486ca rgb(36,134,202)
```
#2433ca
```
#2433ca rgb(36,51,202)
```

Analogous Color

#cabb24
```
#cabb24 rgb(202,187,36)
```
#2486ca
```
#2486ca rgb(36,134,202)
```
#ca2433
```
#ca2433 rgb(202,36,51)
```

Split Complementary Color

#86ca24
```
#86ca24 rgb(134,202,36)
```
#2486ca
```
#2486ca rgb(36,134,202)
```
#ca2486
```
#ca2486 rgb(202,36,134)
```

Triadic Color

#24ca68
```
#24ca68 rgb(36,202,104)
```
#2486ca
```
#2486ca rgb(36,134,202)
```
#ca2486
```
#ca2486 rgb(202,36,134)
```
#ca6824
```
#ca6824 rgb(202,104,36)
```

Tetradic Color

#185b89
```
#185b89 rgb(24,91,137)
```
#1c699f
```
#1c699f rgb(28,105,159)
```
#2078b4
```
#2078b4 rgb(32,120,180)
```
#2486ca
```
#2486ca rgb(36,134,202)
```
#2e93da
```
#2e93da rgb(46,147,218)
```
#439ede
```
#439ede rgb(67,158,222)
```
#59aae1
```
#59aae1 rgb(89,170,225)
```

Monochromatic Color

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

#24b0ca
```
#24b0ca rgb(36,176,202)
```
#24a2ca
```
#24a2ca rgb(36,162,202)
```
#2494ca
```
#2494ca rgb(36,148,202)
```
#2486ca
```
#2486ca rgb(36,134,202)
```
#2478ca
```
#2478ca rgb(36,120,202)
```
#246aca
```
#246aca rgb(36,106,202)
```
#245dca
```
#245dca rgb(36,93,202)
```

Similar Colors

Text with hexadecimal color #2486ca

This text has a font color of #2486ca.

<span style="color:#2486ca;">Text here</span>

#2486ca background color

This paragraph has a background color of #2486ca.

<p style="background-color:#2486ca;">Content here</p>

#2486ca border color

This element has a border color of #2486ca.

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

CSS codes

.text {color:#2486ca;}

.background {background-color:#2486ca;}

.border {border:1px solid #2486ca;}

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

#000102
```
#000102 rgb(0,1,2)
```
#030d13
```
#030d13 rgb(3,13,19)
```
#061824
```
#061824 rgb(6,24,36)
```
#092334
```
#092334 rgb(9,35,52)
```
#0c2e45
```
#0c2e45 rgb(12,46,69)
```
#0f3955
```
#0f3955 rgb(15,57,85)
```
#124466
```
#124466 rgb(18,68,102)
```
#154f77
```
#154f77 rgb(21,79,119)
```
#185a87
```
#185a87 rgb(24,90,135)
```
#1b6598
```
#1b6598 rgb(27,101,152)
```
#1e70a9
```
#1e70a9 rgb(30,112,169)
```
#217bb9
```
#217bb9 rgb(33,123,185)
```
#2486ca
```
#2486ca rgb(36,134,202)
```

Shade Color Variation

#2991d9
```
#2991d9 rgb(41,145,217)
```
#3999dc
```
#3999dc rgb(57,153,220)
```
#4aa2df
```
#4aa2df rgb(74,162,223)
```
#5baae2
```
#5baae2 rgb(91,170,226)
```
#6bb3e5
```
#6bb3e5 rgb(107,179,229)
```
#7cbce8
```
#7cbce8 rgb(124,188,232)
```
#8dc4eb
```
#8dc4eb rgb(141,196,235)
```
#9dcdee
```
#9dcdee rgb(157,205,238)
```
#aed5f1
```
#aed5f1 rgb(174,213,241)
```
#bfdef4
```
#bfdef4 rgb(191,222,244)
```
#cfe6f6
```
#cfe6f6 rgb(207,230,246)
```
#e0eff9
```
#e0eff9 rgb(224,239,249)
```
#f1f8fc
```
#f1f8fc rgb(241,248,252)
```

Tint Color Variation

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

#767778
```
#767778 rgb(118,119,120)
```
#6d7981
```
#6d7981 rgb(109,121,129)
```
#647a8a
```
#647a8a rgb(100,122,138)
```
#5b7c93
```
#5b7c93 rgb(91,124,147)
```
#527e9c
```
#527e9c rgb(82,126,156)
```
#497fa5
```
#497fa5 rgb(73,127,165)
```
#3f81af
```
#3f81af rgb(63,129,175)
```
#3683b8
```
#3683b8 rgb(54,131,184)
```
#2d84c1
```
#2d84c1 rgb(45,132,193)
```
#2486ca
```
#2486ca rgb(36,134,202)
```
#1b88d3
```
#1b88d3 rgb(27,136,211)
```
#1289dc
```
#1289dc rgb(18,137,220)
```
#098be5
```
#098be5 rgb(9,139,229)
```

Tone Color Variation

Below, you can see how #2486ca 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

#707070 Achromatopsia 0.005% of the population
#617482 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d84c6 Protanopia 1% of men
#5987ce Deuteranopia 1% of men
#00949e Tritanopia 0.001% of the population

Trichromacy

#5285c8 Protanomaly 1% of men, 0.01% of women
#4586cd Deuteranomaly 6% of men, 0.4% of women
#0d8eae Tritanomaly 0.01% of the population