#3485aa hex color

In a RGB color space, hex #3485aa is composed of 20.4% red, 52.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 21.8% magenta, 0% yellow and 33.3% black. It has a hue angle of 198.8 degrees, a saturation of 53.2% and a lightness of 43.5%. #3485aa color hex could be obtained by blending #68ffff with #000b55. Closest websafe color is: #339999.

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

● #3485aa color description : Dark moderate blue.

The hexadecimal color #3485aa has RGB values of R:52, G:133, B:170 and CMYK values of C:0.69, M:0.22, Y:0, K:0.33. Its decimal value is 3442090.

Hex triplet	3485aa	`#3485aa`
RGB Decimal	52, 133, 170	`rgb(52,133,170)`
RGB Percent	20.4, 52.2, 66.7	`rgb(20.4%,52.2%,66.7%)`
CMYK	69, 22, 0, 33
HSL	198.8°, 53.2, 43.5	`hsl(198.8,53.2%,43.5%)`
HSV (or HSB)	198.8°, 69.4, 66.7
Web Safe	339999	`#339999`

CIE-LAB	52.293, -12.337, -26.756
XYZ	17.058, 20.406, 41.068
xyY	0.217, 0.26, 20.406
CIE-LCH	52.293, 29.463, 245.246
CIE-LUV	52.293, -30.576, -38.667
Hunter-Lab	45.173, -11.65, -22.281
Binary	00110100, 10000101, 10101010

#3485aa
```
#3485aa rgb(52,133,170)
```
#aa5934
```
#aa5934 rgb(170,89,52)
```

Complementary Color

#34aa94
```
#34aa94 rgb(52,170,148)
```
#3485aa
```
#3485aa rgb(52,133,170)
```
#344aaa
```
#344aaa rgb(52,74,170)
```

Analogous Color

#aa9434
```
#aa9434 rgb(170,148,52)
```
#3485aa
```
#3485aa rgb(52,133,170)
```
#aa344a
```
#aa344a rgb(170,52,74)
```

Split Complementary Color

#85aa34
```
#85aa34 rgb(133,170,52)
```
#3485aa
```
#3485aa rgb(52,133,170)
```
#aa3485
```
#aa3485 rgb(170,52,133)
```

Triadic Color

#34aa59
```
#34aa59 rgb(52,170,89)
```
#3485aa
```
#3485aa rgb(52,133,170)
```
#aa3485
```
#aa3485 rgb(170,52,133)
```
#aa5934
```
#aa5934 rgb(170,89,52)
```

Tetradic Color

#22576f
```
#22576f rgb(34,87,111)
```
#286683
```
#286683 rgb(40,102,131)
```
#2e7696
```
#2e7696 rgb(46,118,150)
```
#3485aa
```
#3485aa rgb(52,133,170)
```
#3a94be
```
#3a94be rgb(58,148,190)
```
#4aa0c7
```
#4aa0c7 rgb(74,160,199)
```
#5daacd
```
#5daacd rgb(93,170,205)
```

Monochromatic Color

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

#34a3aa
```
#34a3aa rgb(52,163,170)
```
#3499aa
```
#3499aa rgb(52,153,170)
```
#348faa
```
#348faa rgb(52,143,170)
```
#3485aa
```
#3485aa rgb(52,133,170)
```
#347baa
```
#347baa rgb(52,123,170)
```
#3471aa
```
#3471aa rgb(52,113,170)
```
#3468aa
```
#3468aa rgb(52,104,170)
```

Similar Colors

Text with hexadecimal color #3485aa

This text has a font color of #3485aa.

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

#3485aa background color

This paragraph has a background color of #3485aa.

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

#3485aa border color

This element has a border color of #3485aa.

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

CSS codes

.text {color:#3485aa;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#060f14
```
#060f14 rgb(6,15,20)
```
#0b1b23
```
#0b1b23 rgb(11,27,35)
```
#0f2732
```
#0f2732 rgb(15,39,50)
```
#143341
```
#143341 rgb(20,51,65)
```
#183e50
```
#183e50 rgb(24,62,80)
```
#1d4a5f
```
#1d4a5f rgb(29,74,95)
```
#22566e
```
#22566e rgb(34,86,110)
```
#26627d
```
#26627d rgb(38,98,125)
```
#2b6d8c
```
#2b6d8c rgb(43,109,140)
```
#2f799b
```
#2f799b rgb(47,121,155)
```
#3485aa
```
#3485aa rgb(52,133,170)
```
#3991b9
```
#3991b9 rgb(57,145,185)
```

Shade Color Variation

#419bc5
```
#419bc5 rgb(65,155,197)
```
#50a3c9
```
#50a3c9 rgb(80,163,201)
```
#5fabce
```
#5fabce rgb(95,171,206)
```
#6eb3d3
```
#6eb3d3 rgb(110,179,211)
```
#7dbbd7
```
#7dbbd7 rgb(125,187,215)
```
#8cc3dc
```
#8cc3dc rgb(140,195,220)
```
#9bcae0
```
#9bcae0 rgb(155,202,224)
```
#aad2e5
```
#aad2e5 rgb(170,210,229)
```
#b9dae9
```
#b9dae9 rgb(185,218,233)
```
#c8e2ee
```
#c8e2ee rgb(200,226,238)
```
#d7eaf3
```
#d7eaf3 rgb(215,234,243)
```
#e6f2f7
```
#e6f2f7 rgb(230,242,247)
```
#f5fafc
```
#f5fafc rgb(245,250,252)
```

Tint Color Variation

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

#677277
```
#677277 rgb(103,114,119)
```
#5f757f
```
#5f757f rgb(95,117,127)
```
#567888
```
#567888 rgb(86,120,136)
```
#4e7b90
```
#4e7b90 rgb(78,123,144)
```
#457f99
```
#457f99 rgb(69,127,153)
```
#3d82a1
```
#3d82a1 rgb(61,130,161)
```
#3485aa
```
#3485aa rgb(52,133,170)
```
#2b88b3
```
#2b88b3 rgb(43,136,179)
```
#238bbb
```
#238bbb rgb(35,139,187)
```
#1a8fc4
```
#1a8fc4 rgb(26,143,196)
```
#1292cc
```
#1292cc rgb(18,146,204)
```
#0995d5
```
#0995d5 rgb(9,149,213)
```
#0198dd
```
#0198dd rgb(1,152,221)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#65757c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7882a8 Protanopia 1% of men
#7282b2 Deuteranopia 1% of men
#2d8f99 Tritanopia 0.001% of the population

Trichromacy

#5f83a8 Protanomaly 1% of men, 0.01% of women
#5b83af Deuteranomaly 6% of men, 0.4% of women
#2f8b9f Tritanomaly 0.01% of the population

#3485aa hex color

#3485aa Color Information

#3485aa Color Conversion

Color Schemes with #3485aa

Alternatives to #3485aa

#3485aa Preview

Shades and Tints of #3485aa

Tones of #3485aa

Color Blindness Simulator