#5481ab hex color

In a RGB color space, hex #5481ab is composed of 32.9% red, 50.6% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 24.6% magenta, 0% yellow and 32.9% black. It has a hue angle of 209 degrees, a saturation of 34.1% and a lightness of 50%. #5481ab color hex could be obtained by blending #a8ffff with #000357. Closest websafe color is: #669999.

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

● #5481ab color description : Dark moderate blue.

The hexadecimal color #5481ab has RGB values of R:84, G:129, B:171 and CMYK values of C:0.51, M:0.25, Y:0, K:0.33. Its decimal value is 5538219.

Hex triplet	5481ab	`#5481ab`
RGB Decimal	84, 129, 171	`rgb(84,129,171)`
RGB Percent	32.9, 50.6, 67.1	`rgb(32.9%,50.6%,67.1%)`
CMYK	51, 25, 0, 33
HSL	209°, 34.1, 50	`hsl(209,34.1%,50%)`
HSV (or HSB)	209°, 50.9, 67.1
Web Safe	669999	`#669999`

CIE-LAB	52.425, -3.326, -27.027
XYZ	18.855, 20.525, 41.494
xyY	0.233, 0.254, 20.525
CIE-LCH	52.425, 27.231, 262.984
CIE-LUV	52.425, -20.912, -40.17
Hunter-Lab	45.304, -4.991, -22.591
Binary	01010100, 10000001, 10101011

#5481ab
```
#5481ab rgb(84,129,171)
```
#ab7e54
```
#ab7e54 rgb(171,126,84)
```

Complementary Color

#54abaa
```
#54abaa rgb(84,171,170)
```
#5481ab
```
#5481ab rgb(84,129,171)
```
#5456ab
```
#5456ab rgb(84,86,171)
```

Analogous Color

#abaa54
```
#abaa54 rgb(171,170,84)
```
#5481ab
```
#5481ab rgb(84,129,171)
```
#ab5456
```
#ab5456 rgb(171,84,86)
```

Split Complementary Color

#81ab54
```
#81ab54 rgb(129,171,84)
```
#5481ab
```
#5481ab rgb(84,129,171)
```
#ab5481
```
#ab5481 rgb(171,84,129)
```

Triadic Color

#54ab7e
```
#54ab7e rgb(84,171,126)
```
#5481ab
```
#5481ab rgb(84,129,171)
```
#ab5481
```
#ab5481 rgb(171,84,129)
```
#ab7e54
```
#ab7e54 rgb(171,126,84)
```

Tetradic Color

#3b5a78
```
#3b5a78 rgb(59,90,120)
```
#436789
```
#436789 rgb(67,103,137)
```
#4c749a
```
#4c749a rgb(76,116,154)
```
#5481ab
```
#5481ab rgb(84,129,171)
```
#658eb3
```
#658eb3 rgb(101,142,179)
```
#769abc
```
#769abc rgb(118,154,188)
```
#87a7c4
```
#87a7c4 rgb(135,167,196)
```

Monochromatic Color

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

#5497ab
```
#5497ab rgb(84,151,171)
```
#5490ab
```
#5490ab rgb(84,144,171)
```
#5488ab
```
#5488ab rgb(84,136,171)
```
#5481ab
```
#5481ab rgb(84,129,171)
```
#547aab
```
#547aab rgb(84,122,171)
```
#5473ab
```
#5473ab rgb(84,115,171)
```
#546bab
```
#546bab rgb(84,107,171)
```

Similar Colors

Text with hexadecimal color #5481ab

This text has a font color of #5481ab.

<span style="color:#5481ab;">Text here</span>

#5481ab background color

This paragraph has a background color of #5481ab.

<p style="background-color:#5481ab;">Content here</p>

#5481ab border color

This element has a border color of #5481ab.

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

CSS codes

.text {color:#5481ab;}

.background {background-color:#5481ab;}

.border {border:1px solid #5481ab;}

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)
```
#0d141a
```
#0d141a rgb(13,20,26)
```
#131e27
```
#131e27 rgb(19,30,39)
```
#1a2835
```
#1a2835 rgb(26,40,53)
```
#203242
```
#203242 rgb(32,50,66)
```
#273c4f
```
#273c4f rgb(39,60,79)
```
#2d455c
```
#2d455c rgb(45,69,92)
```
#344f69
```
#344f69 rgb(52,79,105)
```
#3a5976
```
#3a5976 rgb(58,89,118)
```
#416384
```
#416384 rgb(65,99,132)
```
#476d91
```
#476d91 rgb(71,109,145)
```
#4e779e
```
#4e779e rgb(78,119,158)
```
#5481ab
```
#5481ab rgb(84,129,171)
```

Shade Color Variation

#618bb1
```
#618bb1 rgb(97,139,177)
```
#6e94b8
```
#6e94b8 rgb(110,148,184)
```
#7b9ebe
```
#7b9ebe rgb(123,158,190)
```
#89a8c5
```
#89a8c5 rgb(137,168,197)
```
#96b1cb
```
#96b1cb rgb(150,177,203)
```
#a3bbd2
```
#a3bbd2 rgb(163,187,210)
```
#b0c5d8
```
#b0c5d8 rgb(176,197,216)
```
#bdcfdf
```
#bdcfdf rgb(189,207,223)
```
#cad8e5
```
#cad8e5 rgb(202,216,229)
```
#d8e2ec
```
#d8e2ec rgb(216,226,236)
```
#e5ecf2
```
#e5ecf2 rgb(229,236,242)
```
#f2f5f9
```
#f2f5f9 rgb(242,245,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b8084 is the less saturated color, while #0684f9 is the most saturated one.

#7b8084
```
#7b8084 rgb(123,128,132)
```
#71808e
```
#71808e rgb(113,128,142)
```
#688097
```
#688097 rgb(104,128,151)
```
#5e81a1
```
#5e81a1 rgb(94,129,161)
```
#5481ab
```
#5481ab rgb(84,129,171)
```
#4a81b5
```
#4a81b5 rgb(74,129,181)
```
#4082bf
```
#4082bf rgb(64,130,191)
```
#3782c8
```
#3782c8 rgb(55,130,200)
```
#2d82d2
```
#2d82d2 rgb(45,130,210)
```
#2383dc
```
#2383dc rgb(35,131,220)
```
#1983e6
```
#1983e6 rgb(25,131,230)
```
#0f83f0
```
#0f83f0 rgb(15,131,240)
```
#0684f9
```
#0684f9 rgb(6,132,249)
```

Tone Color Variation

Below, you can see how #5481ab 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

#787878 Achromatopsia 0.005% of the population
#717a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7782ab Protanopia 1% of men
#7382b1 Deuteranopia 1% of men
#528c96 Tritanopia 0.001% of the population

Trichromacy

#6a81ab Protanomaly 1% of men, 0.01% of women
#6881af Deuteranomaly 6% of men, 0.4% of women
#53889e Tritanomaly 0.01% of the population

#5481ab hex color

#5481ab Color Information

#5481ab Color Conversion

Color Schemes with #5481ab

Alternatives to #5481ab

#5481ab Preview

Shades and Tints of #5481ab

Tones of #5481ab

Color Blindness Simulator