#5084af hex color

In a RGB color space, hex #5084af is composed of 31.4% red, 51.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 24.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 207.2 degrees, a saturation of 37.3% and a lightness of 50%. #5084af color hex could be obtained by blending #a0ffff with #00095f. Closest websafe color is: #669999.

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

● #5084af color description : Dark moderate blue.

The hexadecimal color #5084af has RGB values of R:80, G:132, B:175 and CMYK values of C:0.54, M:0.25, Y:0, K:0.31. Its decimal value is 5276847.

Hex triplet	5084af	`#5084af`
RGB Decimal	80, 132, 175	`rgb(80,132,175)`
RGB Percent	31.4, 51.8, 68.6	`rgb(31.4%,51.8%,68.6%)`
CMYK	54, 25, 0, 31
HSL	207.2°, 37.3, 50	`hsl(207.2,37.3%,50%)`
HSV (or HSB)	207.2°, 54.3, 68.6
Web Safe	669999	`#669999`

CIE-LAB	53.278, -4.752, -28.025
XYZ	19.296, 21.302, 43.65
xyY	0.229, 0.253, 21.302
CIE-LCH	53.278, 28.425, 260.376
CIE-LUV	53.278, -23.233, -41.717
Hunter-Lab	46.154, -6.145, -23.765
Binary	01010000, 10000100, 10101111

#5084af
```
#5084af rgb(80,132,175)
```
#af7b50
```
#af7b50 rgb(175,123,80)
```

Complementary Color

#50afab
```
#50afab rgb(80,175,171)
```
#5084af
```
#5084af rgb(80,132,175)
```
#5055af
```
#5055af rgb(80,85,175)
```

Analogous Color

#afab50
```
#afab50 rgb(175,171,80)
```
#5084af
```
#5084af rgb(80,132,175)
```
#af5055
```
#af5055 rgb(175,80,85)
```

Split Complementary Color

#84af50
```
#84af50 rgb(132,175,80)
```
#5084af
```
#5084af rgb(80,132,175)
```
#af5084
```
#af5084 rgb(175,80,132)
```

Triadic Color

#50af7b
```
#50af7b rgb(80,175,123)
```
#5084af
```
#5084af rgb(80,132,175)
```
#af5084
```
#af5084 rgb(175,80,132)
```
#af7b50
```
#af7b50 rgb(175,123,80)
```

Tetradic Color

#385c7b
```
#385c7b rgb(56,92,123)
```
#406a8c
```
#406a8c rgb(64,106,140)
```
#48779e
```
#48779e rgb(72,119,158)
```
#5084af
```
#5084af rgb(80,132,175)
```
#6290b7
```
#6290b7 rgb(98,144,183)
```
#739dbf
```
#739dbf rgb(115,157,191)
```
#85a9c7
```
#85a9c7 rgb(133,169,199)
```

Monochromatic Color

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

#509caf
```
#509caf rgb(80,156,175)
```
#5094af
```
#5094af rgb(80,148,175)
```
#508caf
```
#508caf rgb(80,140,175)
```
#5084af
```
#5084af rgb(80,132,175)
```
#507caf
```
#507caf rgb(80,124,175)
```
#5074af
```
#5074af rgb(80,116,175)
```
#506caf
```
#506caf rgb(80,108,175)
```

Similar Colors

Text with hexadecimal color #5084af

This text has a font color of #5084af.

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

#5084af background color

This paragraph has a background color of #5084af.

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

#5084af border color

This element has a border color of #5084af.

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

CSS codes

.text {color:#5084af;}

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

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

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, #060a0d is the darkest color, while #ffffff is the lightest one.

#060a0d
```
#060a0d rgb(6,10,13)
```
#0c141b
```
#0c141b rgb(12,20,27)
```
#121e28
```
#121e28 rgb(18,30,40)
```
#192936
```
#192936 rgb(25,41,54)
```
#1f3343
```
#1f3343 rgb(31,51,67)
```
#253d51
```
#253d51 rgb(37,61,81)
```
#2b475e
```
#2b475e rgb(43,71,94)
```
#31516c
```
#31516c rgb(49,81,108)
```
#375b79
```
#375b79 rgb(55,91,121)
```
#3e6687
```
#3e6687 rgb(62,102,135)
```
#447094
```
#447094 rgb(68,112,148)
```
#4a7aa2
```
#4a7aa2 rgb(74,122,162)
```
#5084af
```
#5084af rgb(80,132,175)
```

Shade Color Variation

#5d8db5
```
#5d8db5 rgb(93,141,181)
```
#6b97bb
```
#6b97bb rgb(107,151,187)
```
#78a0c1
```
#78a0c1 rgb(120,160,193)
```
#86aac8
```
#86aac8 rgb(134,170,200)
```
#93b3ce
```
#93b3ce rgb(147,179,206)
```
#a1bdd4
```
#a1bdd4 rgb(161,189,212)
```
#aec6da
```
#aec6da rgb(174,198,218)
```
#bcd0e0
```
#bcd0e0 rgb(188,208,224)
```
#c9d9e6
```
#c9d9e6 rgb(201,217,230)
```
#d7e3ed
```
#d7e3ed rgb(215,227,237)
```
#e4ecf3
```
#e4ecf3 rgb(228,236,243)
```
#f2f6f9
```
#f2f6f9 rgb(242,246,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#778088
```
#778088 rgb(119,128,136)
```
#6d8192
```
#6d8192 rgb(109,129,146)
```
#64829b
```
#64829b rgb(100,130,155)
```
#5a83a5
```
#5a83a5 rgb(90,131,165)
```
#5084af
```
#5084af rgb(80,132,175)
```
#4685b9
```
#4685b9 rgb(70,133,185)
```
#3c86c3
```
#3c86c3 rgb(60,134,195)
```
#3387cc
```
#3387cc rgb(51,135,204)
```
#2988d6
```
#2988d6 rgb(41,136,214)
```
#1f89e0
```
#1f89e0 rgb(31,137,224)
```
#158aea
```
#158aea rgb(21,138,234)
```
#0b8bf4
```
#0b8bf4 rgb(11,139,244)
```
#028bfd
```
#028bfd rgb(2,139,253)
```

Tone Color Variation

Below, you can see how #5084af 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
#717b84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7884af Protanopia 1% of men
#7484b5 Deuteranopia 1% of men
#4d8f99 Tritanopia 0.001% of the population

Trichromacy

#6a84af Protanomaly 1% of men, 0.01% of women
#6784b3 Deuteranomaly 6% of men, 0.4% of women
#4e8ba1 Tritanomaly 0.01% of the population

#5084af hex color

#5084af Color Information

#5084af Color Conversion

Color Schemes with #5084af

Alternatives to #5084af

#5084af Preview

Shades and Tints of #5084af

Tones of #5084af

Color Blindness Simulator