#4086af hex color

In a RGB color space, hex #4086af is composed of 25.1% red, 52.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 23.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 202.2 degrees, a saturation of 46.4% and a lightness of 46.9%. #4086af color hex could be obtained by blending #80ffff with #000d5f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 25
- G 53
- B 69
RGB color chart
- C 63
- M 23
- Y 0
- K 31
CMYK color chart

● #4086af color description : Dark moderate blue.

The hexadecimal color #4086af has RGB values of R:64, G:134, B:175 and CMYK values of C:0.63, M:0.23, Y:0, K:0.31. Its decimal value is 4228783.

Hex triplet	4086af	`#4086af`
RGB Decimal	64, 134, 175	`rgb(64,134,175)`
RGB Percent	25.1, 52.5, 68.6	`rgb(25.1%,52.5%,68.6%)`
CMYK	63, 23, 0, 31
HSL	202.2°, 46.4, 46.9	`hsl(202.2,46.4%,46.9%)`
HSV (or HSB)	202.2°, 63.4, 68.6
Web Safe	339999	`#339999`

CIE-LAB	53.205, -9.182, -28.192
XYZ	18.375, 21.234, 43.685
xyY	0.221, 0.255, 21.234
CIE-LCH	53.205, 29.649, 251.96
CIE-LUV	53.205, -28.196, -41.457
Hunter-Lab	46.08, -9.46, -23.952
Binary	01000000, 10000110, 10101111

#4086af
```
#4086af rgb(64,134,175)
```
#af6940
```
#af6940 rgb(175,105,64)
```

Complementary Color

#40afa1
```
#40afa1 rgb(64,175,161)
```
#4086af
```
#4086af rgb(64,134,175)
```
#404faf
```
#404faf rgb(64,79,175)
```

Analogous Color

#afa140
```
#afa140 rgb(175,161,64)
```
#4086af
```
#4086af rgb(64,134,175)
```
#af404f
```
#af404f rgb(175,64,79)
```

Split Complementary Color

#86af40
```
#86af40 rgb(134,175,64)
```
#4086af
```
#4086af rgb(64,134,175)
```
#af4086
```
#af4086 rgb(175,64,134)
```

Triadic Color

#40af69
```
#40af69 rgb(64,175,105)
```
#4086af
```
#4086af rgb(64,134,175)
```
#af4086
```
#af4086 rgb(175,64,134)
```
#af6940
```
#af6940 rgb(175,105,64)
```

Tetradic Color

#2c5b77
```
#2c5b77 rgb(44,91,119)
```
#32698a
```
#32698a rgb(50,105,138)
```
#39789c
```
#39789c rgb(57,120,156)
```
#4086af
```
#4086af rgb(64,134,175)
```
#4b93bd
```
#4b93bd rgb(75,147,189)
```
#5e9ec4
```
#5e9ec4 rgb(94,158,196)
```
#71aacb
```
#71aacb rgb(113,170,203)
```

Monochromatic Color

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

#40a2af
```
#40a2af rgb(64,162,175)
```
#4099af
```
#4099af rgb(64,153,175)
```
#408faf
```
#408faf rgb(64,143,175)
```
#4086af
```
#4086af rgb(64,134,175)
```
#407daf
```
#407daf rgb(64,125,175)
```
#4074af
```
#4074af rgb(64,116,175)
```
#406aaf
```
#406aaf rgb(64,106,175)
```

Similar Colors

Text with hexadecimal color #4086af

This text has a font color of #4086af.

<span style="color:#4086af;">Text here</span>

#4086af background color

This paragraph has a background color of #4086af.

<p style="background-color:#4086af;">Content here</p>

#4086af border color

This element has a border color of #4086af.

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

CSS codes

.text {color:#4086af;}

.background {background-color:#4086af;}

.border {border:1px solid #4086af;}

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

#010203
```
#010203 rgb(1,2,3)
```
#060d11
```
#060d11 rgb(6,13,17)
```
#0b181f
```
#0b181f rgb(11,24,31)
```
#11232e
```
#11232e rgb(17,35,46)
```
#162e3c
```
#162e3c rgb(22,46,60)
```
#1b394a
```
#1b394a rgb(27,57,74)
```
#204459
```
#204459 rgb(32,68,89)
```
#264f67
```
#264f67 rgb(38,79,103)
```
#2b5a76
```
#2b5a76 rgb(43,90,118)
```
#306584
```
#306584 rgb(48,101,132)
```
#357092
```
#357092 rgb(53,112,146)
```
#3b7ba1
```
#3b7ba1 rgb(59,123,161)
```
#4086af
```
#4086af rgb(64,134,175)
```

Shade Color Variation

#4791bc
```
#4791bc rgb(71,145,188)
```
#5599c1
```
#5599c1 rgb(85,153,193)
```
#64a2c6
```
#64a2c6 rgb(100,162,198)
```
#72aacb
```
#72aacb rgb(114,170,203)
```
#80b3d1
```
#80b3d1 rgb(128,179,209)
```
#8fbcd6
```
#8fbcd6 rgb(143,188,214)
```
#9dc4db
```
#9dc4db rgb(157,196,219)
```
#abcde0
```
#abcde0 rgb(171,205,224)
```
#bad6e6
```
#bad6e6 rgb(186,214,230)
```
#c8deeb
```
#c8deeb rgb(200,222,235)
```
#d7e7f0
```
#d7e7f0 rgb(215,231,240)
```
#e5eff5
```
#e5eff5 rgb(229,239,245)
```
#f3f8fb
```
#f3f8fb rgb(243,248,251)
```

Tint Color Variation

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

#777878
```
#777878 rgb(119,120,120)
```
#6e7a81
```
#6e7a81 rgb(110,122,129)
```
#657c8a
```
#657c8a rgb(101,124,138)
```
#5c7f93
```
#5c7f93 rgb(92,127,147)
```
#52819d
```
#52819d rgb(82,129,157)
```
#4984a6
```
#4984a6 rgb(73,132,166)
```
#4086af
```
#4086af rgb(64,134,175)
```
#3788b8
```
#3788b8 rgb(55,136,184)
```
#2e8bc1
```
#2e8bc1 rgb(46,139,193)
```
#248dcb
```
#248dcb rgb(36,141,203)
```
#1b90d4
```
#1b90d4 rgb(27,144,212)
```
#1292dd
```
#1292dd rgb(18,146,221)
```
#0994e6
```
#0994e6 rgb(9,148,230)
```

Tone Color Variation

Below, you can see how #4086af 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

#767676 Achromatopsia 0.005% of the population
#6b7981 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7984ad Protanopia 1% of men
#7384b6 Deuteranopia 1% of men
#3a909b Tritanopia 0.001% of the population

Trichromacy

#6484ae Protanomaly 1% of men, 0.01% of women
#6085b3 Deuteranomaly 6% of men, 0.4% of women
#3c8ca2 Tritanomaly 0.01% of the population

#4086af hex color

#4086af Color Information

#4086af Color Conversion

Color Schemes with #4086af

Alternatives to #4086af

#4086af Preview

Shades and Tints of #4086af

Tones of #4086af

Color Blindness Simulator