#3485bb hex color

In a RGB color space, hex #3485bb is composed of 20.4% red, 52.2% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 28.9% magenta, 0% yellow and 26.7% black. It has a hue angle of 204 degrees, a saturation of 56.5% and a lightness of 46.9%. #3485bb color hex could be obtained by blending #68ffff with #000b77. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 52
- B 73
RGB color chart
- C 72
- M 29
- Y 0
- K 27
CMYK color chart

● #3485bb color description : Moderate blue.

The hexadecimal color #3485bb has RGB values of R:52, G:133, B:187 and CMYK values of C:0.72, M:0.29, Y:0, K:0.27. Its decimal value is 3442107.

Hex triplet	3485bb	`#3485bb`
RGB Decimal	52, 133, 187	`rgb(52,133,187)`
RGB Percent	20.4, 52.2, 73.3	`rgb(20.4%,52.2%,73.3%)`
CMYK	72, 29, 0, 27
HSL	204°, 56.5, 46.9	`hsl(204,56.5%,46.9%)`
HSV (or HSB)	204°, 72.2, 73.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.049, -6.452, -35.345
XYZ	18.771, 21.091, 50.093
xyY	0.209, 0.234, 21.091
CIE-LCH	53.049, 35.929, 259.655
CIE-LUV	53.049, -29.765, -53.301
Hunter-Lab	45.925, -7.411, -32.522
Binary	00110100, 10000101, 10111011

#3485bb
```
#3485bb rgb(52,133,187)
```
#bb6a34
```
#bb6a34 rgb(187,106,52)
```

Complementary Color

#34bbae
```
#34bbae rgb(52,187,174)
```
#3485bb
```
#3485bb rgb(52,133,187)
```
#3442bb
```
#3442bb rgb(52,66,187)
```

Analogous Color

#bbae34
```
#bbae34 rgb(187,174,52)
```
#3485bb
```
#3485bb rgb(52,133,187)
```
#bb3442
```
#bb3442 rgb(187,52,66)
```

Split Complementary Color

#85bb34
```
#85bb34 rgb(133,187,52)
```
#3485bb
```
#3485bb rgb(52,133,187)
```
#bb3485
```
#bb3485 rgb(187,52,133)
```

Triadic Color

#34bb6a
```
#34bb6a rgb(52,187,106)
```
#3485bb
```
#3485bb rgb(52,133,187)
```
#bb3485
```
#bb3485 rgb(187,52,133)
```
#bb6a34
```
#bb6a34 rgb(187,106,52)
```

Tetradic Color

#235a7f
```
#235a7f rgb(35,90,127)
```
#296993
```
#296993 rgb(41,105,147)
```
#2e77a7
```
#2e77a7 rgb(46,119,167)
```
#3485bb
```
#3485bb rgb(52,133,187)
```
#3f92ca
```
#3f92ca rgb(63,146,202)
```
#539dcf
```
#539dcf rgb(83,157,207)
```
#67a9d5
```
#67a9d5 rgb(103,169,213)
```

Monochromatic Color

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

#34a7bb
```
#34a7bb rgb(52,167,187)
```
#349cbb
```
#349cbb rgb(52,156,187)
```
#3490bb
```
#3490bb rgb(52,144,187)
```
#3485bb
```
#3485bb rgb(52,133,187)
```
#347abb
```
#347abb rgb(52,122,187)
```
#346fbb
```
#346fbb rgb(52,111,187)
```
#3463bb
```
#3463bb rgb(52,99,187)
```

Similar Colors

Text with hexadecimal color #3485bb

This text has a font color of #3485bb.

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

#3485bb background color

This paragraph has a background color of #3485bb.

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

#3485bb border color

This element has a border color of #3485bb.

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

CSS codes

.text {color:#3485bb;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050d12
```
#050d12 rgb(5,13,18)
```
#091822
```
#091822 rgb(9,24,34)
```
#0e2331
```
#0e2331 rgb(14,35,49)
```
#122e40
```
#122e40 rgb(18,46,64)
```
#163950
```
#163950 rgb(22,57,80)
```
#1a445f
```
#1a445f rgb(26,68,95)
```
#1f4e6e
```
#1f4e6e rgb(31,78,110)
```
#23597e
```
#23597e rgb(35,89,126)
```
#27648d
```
#27648d rgb(39,100,141)
```
#2b6f9c
```
#2b6f9c rgb(43,111,156)
```
#307aac
```
#307aac rgb(48,122,172)
```
#3485bb
```
#3485bb rgb(52,133,187)
```

Shade Color Variation

#3a90c8
```
#3a90c8 rgb(58,144,200)
```
#4a98cd
```
#4a98cd rgb(74,152,205)
```
#59a1d1
```
#59a1d1 rgb(89,161,209)
```
#68aad5
```
#68aad5 rgb(104,170,213)
```
#78b2d9
```
#78b2d9 rgb(120,178,217)
```
#87bbde
```
#87bbde rgb(135,187,222)
```
#96c4e2
```
#96c4e2 rgb(150,196,226)
```
#a6cce6
```
#a6cce6 rgb(166,204,230)
```
#b5d5ea
```
#b5d5ea rgb(181,213,234)
```
#c4deef
```
#c4deef rgb(196,222,239)
```
#d4e7f3
```
#d4e7f3 rgb(212,231,243)
```
#e3eff7
```
#e3eff7 rgb(227,239,247)
```
#f2f8fc
```
#f2f8fc rgb(242,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74787b is the less saturated color, while #068ee9 is the most saturated one.

#74787b
```
#74787b rgb(116,120,123)
```
#6b7a84
```
#6b7a84 rgb(107,122,132)
```
#627c8d
```
#627c8d rgb(98,124,141)
```
#597e96
```
#597e96 rgb(89,126,150)
```
#507f9f
```
#507f9f rgb(80,127,159)
```
#4681a9
```
#4681a9 rgb(70,129,169)
```
#3d83b2
```
#3d83b2 rgb(61,131,178)
```
#3485bb
```
#3485bb rgb(52,133,187)
```
#2b87c4
```
#2b87c4 rgb(43,135,196)
```
#2289cd
```
#2289cd rgb(34,137,205)
```
#188bd7
```
#188bd7 rgb(24,139,215)
```
#0f8ce0
```
#0f8ce0 rgb(15,140,224)
```
#068ee9
```
#068ee9 rgb(6,142,233)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#667781 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7383b8 Protanopia 1% of men
#6784c1 Deuteranopia 1% of men
#12929c Tritanopia 0.001% of the population

Trichromacy

#5c84b9 Protanomaly 1% of men, 0.01% of women
#5484be Deuteranomaly 6% of men, 0.4% of women
#1e8da7 Tritanomaly 0.01% of the population

#3485bb hex color

#3485bb Color Information

#3485bb Color Conversion

Color Schemes with #3485bb

Alternatives to #3485bb

#3485bb Preview

Shades and Tints of #3485bb

Tones of #3485bb

Color Blindness Simulator