#4286ca hex color

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

♥
- f
- t
- g
- R 26
- G 53
- B 79
RGB color chart
- C 67
- M 34
- Y 0
- K 21
CMYK color chart

● #4286ca color description : Moderate blue.

The hexadecimal color #4286ca has RGB values of R:66, G:134, B:202 and CMYK values of C:0.67, M:0.34, Y:0, K:0.21. Its decimal value is 4359882.

Hex triplet	4286ca	`#4286ca`
RGB Decimal	66, 134, 202	`rgb(66,134,202)`
RGB Percent	25.9, 52.5, 79.2	`rgb(25.9%,52.5%,79.2%)`
CMYK	67, 34, 0, 21
HSL	210°, 56.2, 52.5	`hsl(210,56.2%,52.5%)`
HSV (or HSB)	210°, 67.3, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.523, 0.341, -41.536
XYZ	21.43, 22.471, 59.082
xyY	0.208, 0.218, 22.471
CIE-LCH	54.523, 41.537, 270.47
CIE-LUV	54.523, -26.819, -64.389
Hunter-Lab	47.404, -2.261, -40.714
Binary	01000010, 10000110, 11001010

#4286ca
```
#4286ca rgb(66,134,202)
```
#ca8642
```
#ca8642 rgb(202,134,66)
```

Complementary Color

#42caca
```
#42caca rgb(66,202,202)
```
#4286ca
```
#4286ca rgb(66,134,202)
```
#4242ca
```
#4242ca rgb(66,66,202)
```

Analogous Color

#caca42
```
#caca42 rgb(202,202,66)
```
#4286ca
```
#4286ca rgb(66,134,202)
```
#ca4242
```
#ca4242 rgb(202,66,66)
```

Split Complementary Color

#86ca42
```
#86ca42 rgb(134,202,66)
```
#4286ca
```
#4286ca rgb(66,134,202)
```
#ca4286
```
#ca4286 rgb(202,66,134)
```

Triadic Color

#42ca86
```
#42ca86 rgb(66,202,134)
```
#4286ca
```
#4286ca rgb(66,134,202)
```
#ca4286
```
#ca4286 rgb(202,66,134)
```
#ca8642
```
#ca8642 rgb(202,134,66)
```

Tetradic Color

#2a6096
```
#2a6096 rgb(42,96,150)
```
#306da9
```
#306da9 rgb(48,109,169)
```
#3579bd
```
#3579bd rgb(53,121,189)
```
#4286ca
```
#4286ca rgb(66,134,202)
```
#5693d0
```
#5693d0 rgb(86,147,208)
```
#6aa0d5
```
#6aa0d5 rgb(106,160,213)
```
#7eacdb
```
#7eacdb rgb(126,172,219)
```

Monochromatic Color

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

#42a8ca
```
#42a8ca rgb(66,168,202)
```
#429dca
```
#429dca rgb(66,157,202)
```
#4291ca
```
#4291ca rgb(66,145,202)
```
#4286ca
```
#4286ca rgb(66,134,202)
```
#427bca
```
#427bca rgb(66,123,202)
```
#426fca
```
#426fca rgb(66,111,202)
```
#4264ca
```
#4264ca rgb(66,100,202)
```

Similar Colors

Text with hexadecimal color #4286ca

This text has a font color of #4286ca.

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

#4286ca background color

This paragraph has a background color of #4286ca.

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

#4286ca border color

This element has a border color of #4286ca.

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

CSS codes

.text {color:#4286ca;}

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

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

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

#03070a
```
#03070a rgb(3,7,10)
```
#071019
```
#071019 rgb(7,16,25)
```
#0b1a29
```
#0b1a29 rgb(11,26,41)
```
#102438
```
#102438 rgb(16,36,56)
```
#142e47
```
#142e47 rgb(20,46,71)
```
#183857
```
#183857 rgb(24,56,87)
```
#1d4166
```
#1d4166 rgb(29,65,102)
```
#214b75
```
#214b75 rgb(33,75,117)
```
#255585
```
#255585 rgb(37,85,133)
```
#2a5f94
```
#2a5f94 rgb(42,95,148)
```
#2e69a3
```
#2e69a3 rgb(46,105,163)
```
#3272b3
```
#3272b3 rgb(50,114,179)
```
#367cc2
```
#367cc2 rgb(54,124,194)
```

Shade Color Variation

#4286ca
```
#4286ca rgb(66,134,202)
```
#5190ce
```
#5190ce rgb(81,144,206)
```
#619ad3
```
#619ad3 rgb(97,154,211)
```
#70a3d7
```
#70a3d7 rgb(112,163,215)
```
#7faddb
```
#7faddb rgb(127,173,219)
```
#8fb7df
```
#8fb7df rgb(143,183,223)
```
#9ec1e4
```
#9ec1e4 rgb(158,193,228)
```
#adcbe8
```
#adcbe8 rgb(173,203,232)
```
#bdd4ec
```
#bdd4ec rgb(189,212,236)
```
#ccdef1
```
#ccdef1 rgb(204,222,241)
```
#dbe8f5
```
#dbe8f5 rgb(219,232,245)
```
#ebf2f9
```
#ebf2f9 rgb(235,242,249)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#838689
```
#838689 rgb(131,134,137)
```
#7a8692
```
#7a8692 rgb(122,134,146)
```
#71869b
```
#71869b rgb(113,134,155)
```
#6786a5
```
#6786a5 rgb(103,134,165)
```
#5e86ae
```
#5e86ae rgb(94,134,174)
```
#5586b7
```
#5586b7 rgb(85,134,183)
```
#4b86c1
```
#4b86c1 rgb(75,134,193)
```
#4286ca
```
#4286ca rgb(66,134,202)
```
#3986d3
```
#3986d3 rgb(57,134,211)
```
#2f86dd
```
#2f86dd rgb(47,134,221)
```
#2686e6
```
#2686e6 rgb(38,134,230)
```
#1d86ef
```
#1d86ef rgb(29,134,239)
```
#1386f9
```
#1386f9 rgb(19,134,249)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6e7c89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f86c8 Protanopia 1% of men
#6088ce Deuteranopia 1% of men
#2395a0 Tritanopia 0.001% of the population

Trichromacy

#5f86c9 Protanomaly 1% of men, 0.01% of women
#5587cc Deuteranomaly 6% of men, 0.4% of women
#2e8faf Tritanomaly 0.01% of the population

#4286ca hex color

#4286ca Color Information

#4286ca Color Conversion

Color Schemes with #4286ca

Alternatives to #4286ca

#4286ca Preview

Shades and Tints of #4286ca

Tones of #4286ca

Color Blindness Simulator