#4b86a5 hex color

In a RGB color space, hex #4b86a5 is composed of 29.4% red, 52.5% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 18.8% magenta, 0% yellow and 35.3% black. It has a hue angle of 200.7 degrees, a saturation of 37.5% and a lightness of 47.1%. #4b86a5 color hex could be obtained by blending #96ffff with #000d4b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 29
- G 53
- B 65
RGB color chart
- C 55
- M 19
- Y 0
- K 35
CMYK color chart

● #4b86a5 color description : Dark moderate blue.

The hexadecimal color #4b86a5 has RGB values of R:75, G:134, B:165 and CMYK values of C:0.55, M:0.19, Y:0, K:0.35. Its decimal value is 4949669.

Hex triplet	4b86a5	`#4b86a5`
RGB Decimal	75, 134, 165	`rgb(75,134,165)`
RGB Percent	29.4, 52.5, 64.7	`rgb(29.4%,52.5%,64.7%)`
CMYK	55, 19, 0, 35
HSL	200.7°, 37.5, 47.1	`hsl(200.7,37.5%,47.1%)`
HSV (or HSB)	200.7°, 54.5, 64.7
Web Safe	339999	`#339999`

CIE-LAB	53.235, -10.146, -22.349
XYZ	18.217, 21.262, 38.739
xyY	0.233, 0.272, 21.262
CIE-LCH	53.235, 24.544, 245.583
CIE-LUV	53.235, -25.684, -32.01
Hunter-Lab	46.11, -10.174, -17.535
Binary	01001011, 10000110, 10100101

#4b86a5
```
#4b86a5 rgb(75,134,165)
```
#a56a4b
```
#a56a4b rgb(165,106,75)
```

Complementary Color

#4ba597
```
#4ba597 rgb(75,165,151)
```
#4b86a5
```
#4b86a5 rgb(75,134,165)
```
#4b59a5
```
#4b59a5 rgb(75,89,165)
```

Analogous Color

#a5974b
```
#a5974b rgb(165,151,75)
```
#4b86a5
```
#4b86a5 rgb(75,134,165)
```
#a54b59
```
#a54b59 rgb(165,75,89)
```

Split Complementary Color

#86a54b
```
#86a54b rgb(134,165,75)
```
#4b86a5
```
#4b86a5 rgb(75,134,165)
```
#a54b86
```
#a54b86 rgb(165,75,134)
```

Triadic Color

#4ba56a
```
#4ba56a rgb(75,165,106)
```
#4b86a5
```
#4b86a5 rgb(75,134,165)
```
#a54b86
```
#a54b86 rgb(165,75,134)
```
#a56a4b
```
#a56a4b rgb(165,106,75)
```

Tetradic Color

#335b70
```
#335b70 rgb(51,91,112)
```
#3b6a82
```
#3b6a82 rgb(59,106,130)
```
#437893
```
#437893 rgb(67,120,147)
```
#4b86a5
```
#4b86a5 rgb(75,134,165)
```
#5793b3
```
#5793b3 rgb(87,147,179)
```
#689ebb
```
#689ebb rgb(104,158,187)
```
#7aaac3
```
#7aaac3 rgb(122,170,195)
```

Monochromatic Color

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

#4b9da5
```
#4b9da5 rgb(75,157,165)
```
#4b95a5
```
#4b95a5 rgb(75,149,165)
```
#4b8ea5
```
#4b8ea5 rgb(75,142,165)
```
#4b86a5
```
#4b86a5 rgb(75,134,165)
```
#4b7fa5
```
#4b7fa5 rgb(75,127,165)
```
#4b77a5
```
#4b77a5 rgb(75,119,165)
```
#4b70a5
```
#4b70a5 rgb(75,112,165)
```

Similar Colors

Text with hexadecimal color #4b86a5

This text has a font color of #4b86a5.

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

#4b86a5 background color

This paragraph has a background color of #4b86a5.

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

#4b86a5 border color

This element has a border color of #4b86a5.

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

CSS codes

.text {color:#4b86a5;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#080e11
```
#080e11 rgb(8,14,17)
```
#0e181e
```
#0e181e rgb(14,24,30)
```
#14232c
```
#14232c rgb(20,35,44)
```
#1a2e39
```
#1a2e39 rgb(26,46,57)
```
#203947
```
#203947 rgb(32,57,71)
```
#264454
```
#264454 rgb(38,68,84)
```
#2c4f62
```
#2c4f62 rgb(44,79,98)
```
#325a6f
```
#325a6f rgb(50,90,111)
```
#39657d
```
#39657d rgb(57,101,125)
```
#3f708a
```
#3f708a rgb(63,112,138)
```
#457b98
```
#457b98 rgb(69,123,152)
```
#4b86a5
```
#4b86a5 rgb(75,134,165)
```

Shade Color Variation

#5390b1
```
#5390b1 rgb(83,144,177)
```
#6099b7
```
#6099b7 rgb(96,153,183)
```
#6ea2bd
```
#6ea2bd rgb(110,162,189)
```
#7baac3
```
#7baac3 rgb(123,170,195)
```
#89b3c9
```
#89b3c9 rgb(137,179,201)
```
#96bccf
```
#96bccf rgb(150,188,207)
```
#a4c4d6
```
#a4c4d6 rgb(164,196,214)
```
#b1cddc
```
#b1cddc rgb(177,205,220)
```
#bfd6e2
```
#bfd6e2 rgb(191,214,226)
```
#ccdee8
```
#ccdee8 rgb(204,222,232)
```
#dae7ee
```
#dae7ee rgb(218,231,238)
```
#e7f0f4
```
#e7f0f4 rgb(231,240,244)
```
#f5f8fa
```
#f5f8fa rgb(245,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707b80 is the less saturated color, while #019def is the most saturated one.

#707b80
```
#707b80 rgb(112,123,128)
```
#677d89
```
#677d89 rgb(103,125,137)
```
#5d8093
```
#5d8093 rgb(93,128,147)
```
#54839c
```
#54839c rgb(84,131,156)
```
#4b86a5
```
#4b86a5 rgb(75,134,165)
```
#4289ae
```
#4289ae rgb(66,137,174)
```
#398cb7
```
#398cb7 rgb(57,140,183)
```
#2f8fc1
```
#2f8fc1 rgb(47,143,193)
```
#2691ca
```
#2691ca rgb(38,145,202)
```
#1d94d3
```
#1d94d3 rgb(29,148,211)
```
#1497dc
```
#1497dc rgb(20,151,220)
```
#0a9ae6
```
#0a9ae6 rgb(10,154,230)
```
#019def
```
#019def rgb(1,157,239)
```

Tone Color Variation

Below, you can see how #4b86a5 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

#787878 Achromatopsia 0.005% of the population
#6f7b81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d84a4 Protanopia 1% of men
#7b83ac Deuteranopia 1% of men
#4c8f99 Tritanopia 0.001% of the population

Trichromacy

#6b85a4 Protanomaly 1% of men, 0.01% of women
#6984aa Deuteranomaly 6% of men, 0.4% of women
#4c8b9d Tritanomaly 0.01% of the population

#4b86a5 hex color

#4b86a5 Color Information

#4b86a5 Color Conversion

Color Schemes with #4b86a5

Alternatives to #4b86a5

#4b86a5 Preview

Shades and Tints of #4b86a5

Tones of #4b86a5

Color Blindness Simulator