#5485d4 hex color

In a RGB color space, hex #5485d4 is composed of 32.9% red, 52.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 37.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 217 degrees, a saturation of 59.8% and a lightness of 58%. #5485d4 color hex could be obtained by blending #a8ffff with #000ba9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 52
- B 83
RGB color chart
- C 60
- M 37
- Y 0
- K 17
CMYK color chart

● #5485d4 color description : Moderate blue.

The hexadecimal color #5485d4 has RGB values of R:84, G:133, B:212 and CMYK values of C:0.6, M:0.37, Y:0, K:0.17. Its decimal value is 5539284.

Hex triplet	5485d4	`#5485d4`
RGB Decimal	84, 133, 212	`rgb(84,133,212)`
RGB Percent	32.9, 52.2, 83.1	`rgb(32.9%,52.2%,83.1%)`
CMYK	60, 37, 0, 17
HSL	217°, 59.8, 58	`hsl(217,59.8%,58%)`
HSV (or HSB)	217°, 60.4, 83.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.494, 7.534, -45.603
XYZ	23.925, 23.412, 65.542
xyY	0.212, 0.207, 23.412
CIE-LCH	55.494, 46.221, 279.381
CIE-LUV	55.494, -21.971, -71.993
Hunter-Lab	48.386, 3.585, -46.442
Binary	01010100, 10000101, 11010100

#5485d4
```
#5485d4 rgb(84,133,212)
```
#d4a354
```
#d4a354 rgb(212,163,84)
```

Complementary Color

#54c5d4
```
#54c5d4 rgb(84,197,212)
```
#5485d4
```
#5485d4 rgb(84,133,212)
```
#6354d4
```
#6354d4 rgb(99,84,212)
```

Analogous Color

#c5d454
```
#c5d454 rgb(197,212,84)
```
#5485d4
```
#5485d4 rgb(84,133,212)
```
#d46354
```
#d46354 rgb(212,99,84)
```

Split Complementary Color

#85d454
```
#85d454 rgb(133,212,84)
```
#5485d4
```
#5485d4 rgb(84,133,212)
```
#d45485
```
#d45485 rgb(212,84,133)
```

Triadic Color

#54d4a3
```
#54d4a3 rgb(84,212,163)
```
#5485d4
```
#5485d4 rgb(84,133,212)
```
#d45485
```
#d45485 rgb(212,84,133)
```
#d4a354
```
#d4a354 rgb(212,163,84)
```

Tetradic Color

#2c5eaf
```
#2c5eaf rgb(44,94,175)
```
#3169c4
```
#3169c4 rgb(49,105,196)
```
#4076cf
```
#4076cf rgb(64,118,207)
```
#5485d4
```
#5485d4 rgb(84,133,212)
```
#6894d9
```
#6894d9 rgb(104,148,217)
```
#7da2de
```
#7da2de rgb(125,162,222)
```
#91b1e3
```
#91b1e3 rgb(145,177,227)
```

Monochromatic Color

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

#54a5d4
```
#54a5d4 rgb(84,165,212)
```
#549ad4
```
#549ad4 rgb(84,154,212)
```
#5490d4
```
#5490d4 rgb(84,144,212)
```
#5485d4
```
#5485d4 rgb(84,133,212)
```
#547ad4
```
#547ad4 rgb(84,122,212)
```
#5470d4
```
#5470d4 rgb(84,112,212)
```
#5465d4
```
#5465d4 rgb(84,101,212)
```

Similar Colors

Text with hexadecimal color #5485d4

This text has a font color of #5485d4.

<span style="color:#5485d4;">Text here</span>

#5485d4 background color

This paragraph has a background color of #5485d4.

<p style="background-color:#5485d4;">Content here</p>

#5485d4 border color

This element has a border color of #5485d4.

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

CSS codes

.text {color:#5485d4;}

.background {background-color:#5485d4;}

.border {border:1px solid #5485d4;}

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

#000101
```
#000101 rgb(0,1,1)
```
#040911
```
#040911 rgb(4,9,17)
```
#081221
```
#081221 rgb(8,18,33)
```
#0c1a30
```
#0c1a30 rgb(12,26,48)
```
#102240
```
#102240 rgb(16,34,64)
```
#142b50
```
#142b50 rgb(20,43,80)
```
#18335f
```
#18335f rgb(24,51,95)
```
#1c3c6f
```
#1c3c6f rgb(28,60,111)
```
#20447f
```
#20447f rgb(32,68,127)
```
#244d8e
```
#244d8e rgb(36,77,142)
```
#28559e
```
#28559e rgb(40,85,158)
```
#2c5eae
```
#2c5eae rgb(44,94,174)
```
#3066be
```
#3066be rgb(48,102,190)
```

Shade Color Variation

#356fcc
```
#356fcc rgb(53,111,204)
```
#447ad0
```
#447ad0 rgb(68,122,208)
```
#5485d4
```
#5485d4 rgb(84,133,212)
```
#6490d8
```
#6490d8 rgb(100,144,216)
```
#739bdc
```
#739bdc rgb(115,155,220)
```
#83a7e0
```
#83a7e0 rgb(131,167,224)
```
#93b2e4
```
#93b2e4 rgb(147,178,228)
```
#a2bde8
```
#a2bde8 rgb(162,189,232)
```
#b2c8ec
```
#b2c8ec rgb(178,200,236)
```
#c2d3f0
```
#c2d3f0 rgb(194,211,240)
```
#d1def4
```
#d1def4 rgb(209,222,244)
```
#e1eaf7
```
#e1eaf7 rgb(225,234,247)
```
#f1f5fb
```
#f1f5fb rgb(241,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e939a is the less saturated color, while #2b7bfd is the most saturated one.

#8e939a
```
#8e939a rgb(142,147,154)
```
#8591a3
```
#8591a3 rgb(133,145,163)
```
#7d8fab
```
#7d8fab rgb(125,143,171)
```
#758db3
```
#758db3 rgb(117,141,179)
```
#6d8bbb
```
#6d8bbb rgb(109,139,187)
```
#6489c4
```
#6489c4 rgb(100,137,196)
```
#5c87cc
```
#5c87cc rgb(92,135,204)
```
#5485d4
```
#5485d4 rgb(84,133,212)
```
#4c83dc
```
#4c83dc rgb(76,131,220)
```
#4481e4
```
#4481e4 rgb(68,129,228)
```
#3b7fed
```
#3b7fed rgb(59,127,237)
```
#337df5
```
#337df5 rgb(51,125,245)
```
#2b7bfd
```
#2b7bfd rgb(43,123,253)
```

Tone Color Variation

Below, you can see how #5485d4 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

#7f7f7f Achromatopsia 0.005% of the population
#768090 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c88d4 Protanopia 1% of men
#5b8bd6 Deuteranopia 1% of men
#3c96a1 Tritanopia 0.001% of the population

Trichromacy

#6387d4 Protanomaly 1% of men, 0.01% of women
#5889d5 Deuteranomaly 6% of men, 0.4% of women
#4590b4 Tritanomaly 0.01% of the population

#5485d4 hex color

#5485d4 Color Information

#5485d4 Color Conversion

Color Schemes with #5485d4

Alternatives to #5485d4

#5485d4 Preview

Shades and Tints of #5485d4

Tones of #5485d4

Color Blindness Simulator