#5481ff hex color

In a RGB color space, hex #5481ff is composed of 32.9% red, 50.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 49.4% magenta, 0% yellow and 0% black. It has a hue angle of 224.2 degrees, a saturation of 100% and a lightness of 66.5%. #5481ff color hex could be obtained by blending #a8ffff with #0003ff. Closest websafe color is: #6699ff.

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

● #5481ff color description : Light blue.

The hexadecimal color #5481ff has RGB values of R:84, G:129, B:255 and CMYK values of C:0.67, M:0.49, Y:0, K:0. Its decimal value is 5538303.

Hex triplet	5481ff	`#5481ff`
RGB Decimal	84, 129, 255	`rgb(84,129,255)`
RGB Percent	32.9, 50.6, 100	`rgb(32.9%,50.6%,100%)`
CMYK	67, 49, 0, 0
HSL	224.2°, 100, 66.5	`hsl(224.2,100%,66.5%)`
HSV (or HSB)	224.2°, 67.1, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	56.883, 24.579, -67.33
XYZ	29.553, 24.803, 97.832
xyY	0.194, 0.163, 24.803
CIE-LCH	56.883, 71.676, 290.055
CIE-LUV	56.883, -20.541, -108.843
Hunter-Lab	49.803, 18.764, -81.606
Binary	01010100, 10000001, 11111111

#5481ff
```
#5481ff rgb(84,129,255)
```
#ffd254
```
#ffd254 rgb(255,210,84)
```

Complementary Color

#54d7ff
```
#54d7ff rgb(84,215,255)
```
#5481ff
```
#5481ff rgb(84,129,255)
```
#7d54ff
```
#7d54ff rgb(125,84,255)
```

Analogous Color

#d7ff54
```
#d7ff54 rgb(215,255,84)
```
#5481ff
```
#5481ff rgb(84,129,255)
```
#ff7d54
```
#ff7d54 rgb(255,125,84)
```

Split Complementary Color

#81ff54
```
#81ff54 rgb(129,255,84)
```
#5481ff
```
#5481ff rgb(84,129,255)
```
#ff5481
```
#ff5481 rgb(255,84,129)
```

Triadic Color

#54ffd2
```
#54ffd2 rgb(84,255,210)
```
#5481ff
```
#5481ff rgb(84,129,255)
```
#ff5481
```
#ff5481 rgb(255,84,129)
```
#ffd254
```
#ffd254 rgb(255,210,84)
```

Tetradic Color

#0749ff
```
#0749ff rgb(7,73,255)
```
#215bff
```
#215bff rgb(33,91,255)
```
#3b6eff
```
#3b6eff rgb(59,110,255)
```
#5481ff
```
#5481ff rgb(84,129,255)
```
#6e94ff
```
#6e94ff rgb(110,148,255)
```
#87a7ff
```
#87a7ff rgb(135,167,255)
```
#a1b9ff
```
#a1b9ff rgb(161,185,255)
```

Monochromatic Color

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

#54acff
```
#54acff rgb(84,172,255)
```
#549eff
```
#549eff rgb(84,158,255)
```
#548fff
```
#548fff rgb(84,143,255)
```
#5481ff
```
#5481ff rgb(84,129,255)
```
#5473ff
```
#5473ff rgb(84,115,255)
```
#5465ff
```
#5465ff rgb(84,101,255)
```
#5456ff
```
#5456ff rgb(84,86,255)
```

Similar Colors

Text with hexadecimal color #5481ff

This text has a font color of #5481ff.

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

#5481ff background color

This paragraph has a background color of #5481ff.

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

#5481ff border color

This element has a border color of #5481ff.

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

CSS codes

.text {color:#5481ff;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#000719
```
#000719 rgb(0,7,25)
```
#000c2d
```
#000c2d rgb(0,12,45)
```
#001140
```
#001140 rgb(0,17,64)
```
#001654
```
#001654 rgb(0,22,84)
```
#001b68
```
#001b68 rgb(0,27,104)
```
#00207b
```
#00207b rgb(0,32,123)
```
#00268f
```
#00268f rgb(0,38,143)
```
#002ba2
```
#002ba2 rgb(0,43,162)
```
#0030b6
```
#0030b6 rgb(0,48,182)
```
#0035ca
```
#0035ca rgb(0,53,202)
```
#003add
```
#003add rgb(0,58,221)
```
#003ff1
```
#003ff1 rgb(0,63,241)
```

Shade Color Variation

#0647ff
```
#0647ff rgb(6,71,255)
```
#1956ff
```
#1956ff rgb(25,86,255)
```
#2d64ff
```
#2d64ff rgb(45,100,255)
```
#4073ff
```
#4073ff rgb(64,115,255)
```
#5481ff
```
#5481ff rgb(84,129,255)
```
#688fff
```
#688fff rgb(104,143,255)
```
#7b9eff
```
#7b9eff rgb(123,158,255)
```
#8facff
```
#8facff rgb(143,172,255)
```
#a2bbff
```
#a2bbff rgb(162,187,255)
```
#b6c9ff
```
#b6c9ff rgb(182,201,255)
```
#cad8ff
```
#cad8ff rgb(202,216,255)
```
#dde6ff
```
#dde6ff rgb(221,230,255)
```
#f1f5ff
```
#f1f5ff rgb(241,245,255)
```

Tint Color Variation

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

#a3a6b0
```
#a3a6b0 rgb(163,166,176)
```
#9ca3b7
```
#9ca3b7 rgb(156,163,183)
```
#96a0bd
```
#96a0bd rgb(150,160,189)
```
#8f9dc4
```
#8f9dc4 rgb(143,157,196)
```
#899aca
```
#899aca rgb(137,154,202)
```
#8297d1
```
#8297d1 rgb(130,151,209)
```
#7b94d8
```
#7b94d8 rgb(123,148,216)
```
#7591de
```
#7591de rgb(117,145,222)
```
#6e8de5
```
#6e8de5 rgb(110,141,229)
```
#688aeb
```
#688aeb rgb(104,138,235)
```
#6187f2
```
#6187f2 rgb(97,135,242)
```
#5b84f8
```
#5b84f8 rgb(91,132,248)
```
#5481ff
```
#5481ff rgb(84,129,255)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#79829b Atypical Achromatopsia 0.001% of the population

Dichromacy

#468aff Protanopia 1% of men
#0091f0 Deuteranopia 1% of men
#009ca7 Tritanopia 0.001% of the population

Trichromacy

#4b87ff Protanomaly 1% of men, 0.01% of women
#1e8bf5 Deuteranomaly 6% of men, 0.4% of women
#1e92c7 Tritanomaly 0.01% of the population

#5481ff hex color

#5481ff Color Information

#5481ff Color Conversion

Color Schemes with #5481ff

Alternatives to #5481ff

#5481ff Preview

Shades and Tints of #5481ff

Tones of #5481ff

Color Blindness Simulator