#4084aa hex color

In a RGB color space, hex #4084aa is composed of 25.1% red, 51.8% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 22.4% magenta, 0% yellow and 33.3% black. It has a hue angle of 201.5 degrees, a saturation of 45.3% and a lightness of 45.9%. #4084aa color hex could be obtained by blending #80ffff with #000955. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 25
- G 52
- B 67
RGB color chart
- C 62
- M 22
- Y 0
- K 33
CMYK color chart

● #4084aa color description : Dark moderate blue.

The hexadecimal color #4084aa has RGB values of R:64, G:132, B:170 and CMYK values of C:0.62, M:0.22, Y:0, K:0.33. Its decimal value is 4228266.

Hex triplet	4084aa	`#4084aa`
RGB Decimal	64, 132, 170	`rgb(64,132,170)`
RGB Percent	25.1, 51.8, 66.7	`rgb(25.1%,51.8%,66.7%)`
CMYK	62, 22, 0, 33
HSL	201.5°, 45.3, 45.9	`hsl(201.5,45.3%,45.9%)`
HSV (or HSB)	201.5°, 62.4, 66.7
Web Safe	339999	`#339999`

CIE-LAB	52.391, -9.693, -26.573
XYZ	17.62, 20.494, 41.055
xyY	0.223, 0.259, 20.494
CIE-LCH	52.391, 28.286, 249.959
CIE-LUV	52.391, -27.644, -38.691
Hunter-Lab	45.27, -9.748, -22.081
Binary	01000000, 10000100, 10101010

#4084aa
```
#4084aa rgb(64,132,170)
```
#aa6640
```
#aa6640 rgb(170,102,64)
```

Complementary Color

#40aa9b
```
#40aa9b rgb(64,170,155)
```
#4084aa
```
#4084aa rgb(64,132,170)
```
#404faa
```
#404faa rgb(64,79,170)
```

Analogous Color

#aa9b40
```
#aa9b40 rgb(170,155,64)
```
#4084aa
```
#4084aa rgb(64,132,170)
```
#aa404f
```
#aa404f rgb(170,64,79)
```

Split Complementary Color

#84aa40
```
#84aa40 rgb(132,170,64)
```
#4084aa
```
#4084aa rgb(64,132,170)
```
#aa4084
```
#aa4084 rgb(170,64,132)
```

Triadic Color

#40aa66
```
#40aa66 rgb(64,170,102)
```
#4084aa
```
#4084aa rgb(64,132,170)
```
#aa4084
```
#aa4084 rgb(170,64,132)
```
#aa6640
```
#aa6640 rgb(170,102,64)
```

Tetradic Color

#2b5972
```
#2b5972 rgb(43,89,114)
```
#326785
```
#326785 rgb(50,103,133)
```
#397697
```
#397697 rgb(57,118,151)
```
#4084aa
```
#4084aa rgb(64,132,170)
```
#4992ba
```
#4992ba rgb(73,146,186)
```
#5c9dc1
```
#5c9dc1 rgb(92,157,193)
```
#6ea8c8
```
#6ea8c8 rgb(110,168,200)
```

Monochromatic Color

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

#409faa
```
#409faa rgb(64,159,170)
```
#4096aa
```
#4096aa rgb(64,150,170)
```
#408daa
```
#408daa rgb(64,141,170)
```
#4084aa
```
#4084aa rgb(64,132,170)
```
#407baa
```
#407baa rgb(64,123,170)
```
#4072aa
```
#4072aa rgb(64,114,170)
```
#406aaa
```
#406aaa rgb(64,106,170)
```

Similar Colors

Text with hexadecimal color #4084aa

This text has a font color of #4084aa.

<span style="color:#4084aa;">Text here</span>

#4084aa background color

This paragraph has a background color of #4084aa.

<p style="background-color:#4084aa;">Content here</p>

#4084aa border color

This element has a border color of #4084aa.

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

CSS codes

.text {color:#4084aa;}

.background {background-color:#4084aa;}

.border {border:1px solid #4084aa;}

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

#050a0d
```
#050a0d rgb(5,10,13)
```
#0a151b
```
#0a151b rgb(10,21,27)
```
#10202a
```
#10202a rgb(16,32,42)
```
#152b38
```
#152b38 rgb(21,43,56)
```
#1a3746
```
#1a3746 rgb(26,55,70)
```
#204254
```
#204254 rgb(32,66,84)
```
#254d63
```
#254d63 rgb(37,77,99)
```
#2b5871
```
#2b5871 rgb(43,88,113)
```
#30637f
```
#30637f rgb(48,99,127)
```
#356e8d
```
#356e8d rgb(53,110,141)
```
#3b799c
```
#3b799c rgb(59,121,156)
```
#4084aa
```
#4084aa rgb(64,132,170)
```
#458fb8
```
#458fb8 rgb(69,143,184)
```

Shade Color Variation

#5398be
```
#5398be rgb(83,152,190)
```
#61a0c4
```
#61a0c4 rgb(97,160,196)
```
#6fa9c9
```
#6fa9c9 rgb(111,169,201)
```
#7eb1ce
```
#7eb1ce rgb(126,177,206)
```
#8cbad4
```
#8cbad4 rgb(140,186,212)
```
#9ac3d9
```
#9ac3d9 rgb(154,195,217)
```
#a8cbde
```
#a8cbde rgb(168,203,222)
```
#b7d4e4
```
#b7d4e4 rgb(183,212,228)
```
#c5dce9
```
#c5dce9 rgb(197,220,233)
```
#d3e5ef
```
#d3e5ef rgb(211,229,239)
```
#e1edf4
```
#e1edf4 rgb(225,237,244)
```
#f0f6f9
```
#f0f6f9 rgb(240,246,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d777d is the less saturated color, while #0196e9 is the most saturated one.

#6d777d
```
#6d777d rgb(109,119,125)
```
#647a86
```
#647a86 rgb(100,122,134)
```
#5b7c8f
```
#5b7c8f rgb(91,124,143)
```
#527f98
```
#527f98 rgb(82,127,152)
```
#4981a1
```
#4981a1 rgb(73,129,161)
```
#4084aa
```
#4084aa rgb(64,132,170)
```
#3787b3
```
#3787b3 rgb(55,135,179)
```
#2e89bc
```
#2e89bc rgb(46,137,188)
```
#258cc5
```
#258cc5 rgb(37,140,197)
```
#1c8ece
```
#1c8ece rgb(28,142,206)
```
#1391d7
```
#1391d7 rgb(19,145,215)
```
#0a93e0
```
#0a93e0 rgb(10,147,224)
```
#0196e9
```
#0196e9 rgb(1,150,233)
```

Tone Color Variation

Below, you can see how #4084aa 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

#747474 Achromatopsia 0.005% of the population
#6a777f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7882a8 Protanopia 1% of men
#7382b1 Deuteranopia 1% of men
#3c8e98 Tritanopia 0.001% of the population

Trichromacy

#6382a9 Protanomaly 1% of men, 0.01% of women
#6082ae Deuteranomaly 6% of men, 0.4% of women
#3e8a9f Tritanomaly 0.01% of the population

#4084aa hex color

#4084aa Color Information

#4084aa Color Conversion

Color Schemes with #4084aa

Alternatives to #4084aa

#4084aa Preview

Shades and Tints of #4084aa

Tones of #4084aa

Color Blindness Simulator