#4b86af hex color

In a RGB color space, hex #4b86af is composed of 29.4% red, 52.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 23.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 204.6 degrees, a saturation of 40% and a lightness of 49%. #4b86af color hex could be obtained by blending #96ffff with #000d5f. Closest websafe color is: #339999.

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

● #4b86af color description : Dark moderate blue.

The hexadecimal color #4b86af has RGB values of R:75, G:134, B:175 and CMYK values of C:0.57, M:0.23, Y:0, K:0.31. Its decimal value is 4949679.

Hex triplet	4b86af	`#4b86af`
RGB Decimal	75, 134, 175	`rgb(75,134,175)`
RGB Percent	29.4, 52.5, 68.6	`rgb(29.4%,52.5%,68.6%)`
CMYK	57, 23, 0, 31
HSL	204.6°, 40, 49	`hsl(204.6,40%,49%)`
HSV (or HSB)	204.6°, 57.1, 68.6
Web Safe	339999	`#339999`

CIE-LAB	53.643, -6.999, -27.478
XYZ	19.163, 21.64, 43.722
xyY	0.227, 0.256, 21.64
CIE-LCH	53.643, 28.355, 255.71
CIE-LUV	53.643, -25.415, -40.624
Hunter-Lab	46.519, -7.877, -23.162
Binary	01001011, 10000110, 10101111

#4b86af
```
#4b86af rgb(75,134,175)
```
#af744b
```
#af744b rgb(175,116,75)
```

Complementary Color

#4bafa6
```
#4bafa6 rgb(75,175,166)
```
#4b86af
```
#4b86af rgb(75,134,175)
```
#4b54af
```
#4b54af rgb(75,84,175)
```

Analogous Color

#afa64b
```
#afa64b rgb(175,166,75)
```
#4b86af
```
#4b86af rgb(75,134,175)
```
#af4b54
```
#af4b54 rgb(175,75,84)
```

Split Complementary Color

#86af4b
```
#86af4b rgb(134,175,75)
```
#4b86af
```
#4b86af rgb(75,134,175)
```
#af4b86
```
#af4b86 rgb(175,75,134)
```

Triadic Color

#4baf74
```
#4baf74 rgb(75,175,116)
```
#4b86af
```
#4b86af rgb(75,134,175)
```
#af4b86
```
#af4b86 rgb(175,75,134)
```
#af744b
```
#af744b rgb(175,116,75)
```

Tetradic Color

#345d79
```
#345d79 rgb(52,93,121)
```
#3c6b8b
```
#3c6b8b rgb(60,107,139)
```
#43789d
```
#43789d rgb(67,120,157)
```
#4b86af
```
#4b86af rgb(75,134,175)
```
#5b92b9
```
#5b92b9 rgb(91,146,185)
```
#6d9ec0
```
#6d9ec0 rgb(109,158,192)
```
#7faac8
```
#7faac8 rgb(127,170,200)
```

Monochromatic Color

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

#4b9faf
```
#4b9faf rgb(75,159,175)
```
#4b97af
```
#4b97af rgb(75,151,175)
```
#4b8eaf
```
#4b8eaf rgb(75,142,175)
```
#4b86af
```
#4b86af rgb(75,134,175)
```
#4b7eaf
```
#4b7eaf rgb(75,126,175)
```
#4b75af
```
#4b75af rgb(75,117,175)
```
#4b6daf
```
#4b6daf rgb(75,109,175)
```

Similar Colors

Text with hexadecimal color #4b86af

This text has a font color of #4b86af.

<span style="color:#4b86af;">Text here</span>

#4b86af background color

This paragraph has a background color of #4b86af.

<p style="background-color:#4b86af;">Content here</p>

#4b86af border color

This element has a border color of #4b86af.

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

CSS codes

.text {color:#4b86af;}

.background {background-color:#4b86af;}

.border {border:1px solid #4b86af;}

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

#04080a
```
#04080a rgb(4,8,10)
```
#0a1218
```
#0a1218 rgb(10,18,24)
```
#101d26
```
#101d26 rgb(16,29,38)
```
#162733
```
#162733 rgb(22,39,51)
```
#1c3241
```
#1c3241 rgb(28,50,65)
```
#223c4f
```
#223c4f rgb(34,60,79)
```
#28475d
```
#28475d rgb(40,71,93)
```
#2e516a
```
#2e516a rgb(46,81,106)
```
#335c78
```
#335c78 rgb(51,92,120)
```
#396686
```
#396686 rgb(57,102,134)
```
#3f7194
```
#3f7194 rgb(63,113,148)
```
#457ba1
```
#457ba1 rgb(69,123,161)
```
#4b86af
```
#4b86af rgb(75,134,175)
```

Shade Color Variation

#578fb7
```
#578fb7 rgb(87,143,183)
```
#6499bd
```
#6499bd rgb(100,153,189)
```
#72a2c3
```
#72a2c3 rgb(114,162,195)
```
#80abc9
```
#80abc9 rgb(128,171,201)
```
#8eb4ce
```
#8eb4ce rgb(142,180,206)
```
#9bbdd4
```
#9bbdd4 rgb(155,189,212)
```
#a9c6da
```
#a9c6da rgb(169,198,218)
```
#b7cfe0
```
#b7cfe0 rgb(183,207,224)
```
#c5d8e6
```
#c5d8e6 rgb(197,216,230)
```
#d2e1ec
```
#d2e1ec rgb(210,225,236)
```
#e0eaf2
```
#e0eaf2 rgb(224,234,242)
```
#eef4f8
```
#eef4f8 rgb(238,244,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7d7f is the less saturated color, while #0892f2 is the most saturated one.

#7b7d7f
```
#7b7d7f rgb(123,125,127)
```
#717f89
```
#717f89 rgb(113,127,137)
```
#688192
```
#688192 rgb(104,129,146)
```
#5e839c
```
#5e839c rgb(94,131,156)
```
#5584a5
```
#5584a5 rgb(85,132,165)
```
#4b86af
```
#4b86af rgb(75,134,175)
```
#4188b9
```
#4188b9 rgb(65,136,185)
```
#3889c2
```
#3889c2 rgb(56,137,194)
```
#2e8bcc
```
#2e8bcc rgb(46,139,204)
```
#258dd5
```
#258dd5 rgb(37,141,213)
```
#1b8fdf
```
#1b8fdf rgb(27,143,223)
```
#1190e9
```
#1190e9 rgb(17,144,233)
```
#0892f2
```
#0892f2 rgb(8,146,242)
```

Tone Color Variation

Below, you can see how #4b86af 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
#707c84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a85ae Protanopia 1% of men
#7585b5 Deuteranopia 1% of men
#48909b Tritanopia 0.001% of the population

Trichromacy

#6985ae Protanomaly 1% of men, 0.01% of women
#6685b3 Deuteranomaly 6% of men, 0.4% of women
#498ca2 Tritanomaly 0.01% of the population

#4b86af hex color

#4b86af Color Information

#4b86af Color Conversion

Color Schemes with #4b86af

Alternatives to #4b86af

#4b86af Preview

Shades and Tints of #4b86af

Tones of #4b86af

Color Blindness Simulator