#4b82af hex color

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

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

● #4b82af color description : Dark moderate blue.

The hexadecimal color #4b82af has RGB values of R:75, G:130, B:175 and CMYK values of C:0.57, M:0.26, Y:0, K:0.31. Its decimal value is 4948655.

Hex triplet	4b82af	`#4b82af`
RGB Decimal	75, 130, 175	`rgb(75,130,175)`
RGB Percent	29.4, 51, 68.6	`rgb(29.4%,51%,68.6%)`
CMYK	57, 26, 0, 31
HSL	207°, 40, 49	`hsl(207,40%,49%)`
HSV (or HSB)	207°, 57.1, 68.6
Web Safe	339999	`#339999`

CIE-LAB	52.459, -4.689, -29.315
XYZ	18.62, 20.555, 43.541
xyY	0.225, 0.248, 20.555
CIE-LCH	52.459, 29.688, 260.912
CIE-LUV	52.459, -23.913, -43.671
Hunter-Lab	45.338, -6.031, -25.204
Binary	01001011, 10000010, 10101111

#4b82af
```
#4b82af rgb(75,130,175)
```
#af784b
```
#af784b rgb(175,120,75)
```

Complementary Color

#4bafaa
```
#4bafaa rgb(75,175,170)
```
#4b82af
```
#4b82af rgb(75,130,175)
```
#4b50af
```
#4b50af rgb(75,80,175)
```

Analogous Color

#afaa4b
```
#afaa4b rgb(175,170,75)
```
#4b82af
```
#4b82af rgb(75,130,175)
```
#af4b50
```
#af4b50 rgb(175,75,80)
```

Split Complementary Color

#82af4b
```
#82af4b rgb(130,175,75)
```
#4b82af
```
#4b82af rgb(75,130,175)
```
#af4b82
```
#af4b82 rgb(175,75,130)
```

Triadic Color

#4baf78
```
#4baf78 rgb(75,175,120)
```
#4b82af
```
#4b82af rgb(75,130,175)
```
#af4b82
```
#af4b82 rgb(175,75,130)
```
#af784b
```
#af784b rgb(175,120,75)
```

Tetradic Color

#345a79
```
#345a79 rgb(52,90,121)
```
#3c678b
```
#3c678b rgb(60,103,139)
```
#43759d
```
#43759d rgb(67,117,157)
```
#4b82af
```
#4b82af rgb(75,130,175)
```
#5b8eb9
```
#5b8eb9 rgb(91,142,185)
```
#6d9bc0
```
#6d9bc0 rgb(109,155,192)
```
#7fa7c8
```
#7fa7c8 rgb(127,167,200)
```

Monochromatic Color

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

#4b9baf
```
#4b9baf rgb(75,155,175)
```
#4b93af
```
#4b93af rgb(75,147,175)
```
#4b8aaf
```
#4b8aaf rgb(75,138,175)
```
#4b82af
```
#4b82af rgb(75,130,175)
```
#4b7aaf
```
#4b7aaf rgb(75,122,175)
```
#4b71af
```
#4b71af rgb(75,113,175)
```
#4b69af
```
#4b69af rgb(75,105,175)
```

Similar Colors

Text with hexadecimal color #4b82af

This text has a font color of #4b82af.

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

#4b82af background color

This paragraph has a background color of #4b82af.

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

#4b82af border color

This element has a border color of #4b82af.

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

CSS codes

.text {color:#4b82af;}

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

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

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)
```
#101c26
```
#101c26 rgb(16,28,38)
```
#162633
```
#162633 rgb(22,38,51)
```
#1c3041
```
#1c3041 rgb(28,48,65)
```
#223b4f
```
#223b4f rgb(34,59,79)
```
#28455d
```
#28455d rgb(40,69,93)
```
#2e4f6a
```
#2e4f6a rgb(46,79,106)
```
#335978
```
#335978 rgb(51,89,120)
```
#396386
```
#396386 rgb(57,99,134)
```
#3f6e94
```
#3f6e94 rgb(63,110,148)
```
#4578a1
```
#4578a1 rgb(69,120,161)
```
#4b82af
```
#4b82af rgb(75,130,175)
```

Shade Color Variation

#578cb7
```
#578cb7 rgb(87,140,183)
```
#6495bd
```
#6495bd rgb(100,149,189)
```
#729ec3
```
#729ec3 rgb(114,158,195)
```
#80a8c9
```
#80a8c9 rgb(128,168,201)
```
#8eb1ce
```
#8eb1ce rgb(142,177,206)
```
#9bbbd4
```
#9bbbd4 rgb(155,187,212)
```
#a9c4da
```
#a9c4da rgb(169,196,218)
```
#b7cee0
```
#b7cee0 rgb(183,206,224)
```
#c5d7e6
```
#c5d7e6 rgb(197,215,230)
```
#d2e0ec
```
#d2e0ec rgb(210,224,236)
```
#e0eaf2
```
#e0eaf2 rgb(224,234,242)
```
#eef3f8
```
#eef3f8 rgb(238,243,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 #0889f2 is the most saturated one.

#7b7d7f
```
#7b7d7f rgb(123,125,127)
```
#717e89
```
#717e89 rgb(113,126,137)
```
#687f92
```
#687f92 rgb(104,127,146)
```
#5e809c
```
#5e809c rgb(94,128,156)
```
#5581a5
```
#5581a5 rgb(85,129,165)
```
#4b82af
```
#4b82af rgb(75,130,175)
```
#4183b9
```
#4183b9 rgb(65,131,185)
```
#3884c2
```
#3884c2 rgb(56,132,194)
```
#2e85cc
```
#2e85cc rgb(46,133,204)
```
#2586d5
```
#2586d5 rgb(37,134,213)
```
#1b87df
```
#1b87df rgb(27,135,223)
```
#1188e9
```
#1188e9 rgb(17,136,233)
```
#0889f2
```
#0889f2 rgb(8,137,242)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#6e7982 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7682ae Protanopia 1% of men
#7082b5 Deuteranopia 1% of men
#468d98 Tritanopia 0.001% of the population

Trichromacy

#6682ae Protanomaly 1% of men, 0.01% of women
#6282b3 Deuteranomaly 6% of men, 0.4% of women
#4889a0 Tritanomaly 0.01% of the population

#4b82af hex color

#4b82af Color Information

#4b82af Color Conversion

Color Schemes with #4b82af

Alternatives to #4b82af

#4b82af Preview

Shades and Tints of #4b82af

Tones of #4b82af

Color Blindness Simulator