#54a0fa hex color

In a RGB color space, hex #54a0fa is composed of 32.9% red, 62.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 36% magenta, 0% yellow and 2% black. It has a hue angle of 212.5 degrees, a saturation of 94.3% and a lightness of 65.5%. #54a0fa color hex could be obtained by blending #a8ffff with #0041f5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 63
- B 98
RGB color chart
- C 66
- M 36
- Y 0
- K 2
CMYK color chart

● #54a0fa color description : Soft blue.

The hexadecimal color #54a0fa has RGB values of R:84, G:160, B:250 and CMYK values of C:0.66, M:0.36, Y:0, K:0.02. Its decimal value is 5546234.

Hex triplet	54a0fa	`#54a0fa`
RGB Decimal	84, 160, 250	`rgb(84,160,250)`
RGB Percent	32.9, 62.7, 98	`rgb(32.9%,62.7%,98%)`
CMYK	66, 36, 0, 2
HSL	212.5°, 94.3, 65.5	`hsl(212.5,94.3%,65.5%)`
HSV (or HSB)	212.5°, 66.4, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	64.904, 4.387, -51.769
XYZ	33.478, 33.926, 95.221
xyY	0.206, 0.209, 33.926
CIE-LCH	64.904, 51.955, 274.844
CIE-LUV	64.904, -30.473, -84.028
Hunter-Lab	58.246, 0.666, -56.155
Binary	01010100, 10100000, 11111010

#54a0fa
```
#54a0fa rgb(84,160,250)
```
#faae54
```
#faae54 rgb(250,174,84)
```

Complementary Color

#54f3fa
```
#54f3fa rgb(84,243,250)
```
#54a0fa
```
#54a0fa rgb(84,160,250)
```
#5b54fa
```
#5b54fa rgb(91,84,250)
```

Analogous Color

#f3fa54
```
#f3fa54 rgb(243,250,84)
```
#54a0fa
```
#54a0fa rgb(84,160,250)
```
#fa5b54
```
#fa5b54 rgb(250,91,84)
```

Split Complementary Color

#a0fa54
```
#a0fa54 rgb(160,250,84)
```
#54a0fa
```
#54a0fa rgb(84,160,250)
```
#fa54a0
```
#fa54a0 rgb(250,84,160)
```

Triadic Color

#54faae
```
#54faae rgb(84,250,174)
```
#54a0fa
```
#54a0fa rgb(84,160,250)
```
#fa54a0
```
#fa54a0 rgb(250,84,160)
```
#faae54
```
#faae54 rgb(250,174,84)
```

Tetradic Color

#0a77f8
```
#0a77f8 rgb(10,119,248)
```
#2284f9
```
#2284f9 rgb(34,132,249)
```
#3b92f9
```
#3b92f9 rgb(59,146,249)
```
#54a0fa
```
#54a0fa rgb(84,160,250)
```
#6daefb
```
#6daefb rgb(109,174,251)
```
#86bcfb
```
#86bcfb rgb(134,188,251)
```
#9ec9fc
```
#9ec9fc rgb(158,201,252)
```

Monochromatic Color

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

#54cafa
```
#54cafa rgb(84,202,250)
```
#54bcfa
```
#54bcfa rgb(84,188,250)
```
#54aefa
```
#54aefa rgb(84,174,250)
```
#54a0fa
```
#54a0fa rgb(84,160,250)
```
#5492fa
```
#5492fa rgb(84,146,250)
```
#5484fa
```
#5484fa rgb(84,132,250)
```
#5477fa
```
#5477fa rgb(84,119,250)
```

Similar Colors

Text with hexadecimal color #54a0fa

This text has a font color of #54a0fa.

<span style="color:#54a0fa;">Text here</span>

#54a0fa background color

This paragraph has a background color of #54a0fa.

<p style="background-color:#54a0fa;">Content here</p>

#54a0fa border color

This element has a border color of #54a0fa.

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

CSS codes

.text {color:#54a0fa;}

.background {background-color:#54a0fa;}

.border {border:1px solid #54a0fa;}

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

#000001
```
#000001 rgb(0,0,1)
```
#010914
```
#010914 rgb(1,9,20)
```
#011227
```
#011227 rgb(1,18,39)
```
#021b3a
```
#021b3a rgb(2,27,58)
```
#02244d
```
#02244d rgb(2,36,77)
```
#032d60
```
#032d60 rgb(3,45,96)
```
#033673
```
#033673 rgb(3,54,115)
```
#043f86
```
#043f86 rgb(4,63,134)
```
#044899
```
#044899 rgb(4,72,153)
```
#0551ac
```
#0551ac rgb(5,81,172)
```
#065bbf
```
#065bbf rgb(6,91,191)
```
#0664d2
```
#0664d2 rgb(6,100,210)
```
#076de5
```
#076de5 rgb(7,109,229)
```

Shade Color Variation

#0876f8
```
#0876f8 rgb(8,118,248)
```
#1b80f8
```
#1b80f8 rgb(27,128,248)
```
#2e8bf9
```
#2e8bf9 rgb(46,139,249)
```
#4195f9
```
#4195f9 rgb(65,149,249)
```
#54a0fa
```
#54a0fa rgb(84,160,250)
```
#67abfb
```
#67abfb rgb(103,171,251)
```
#7ab5fb
```
#7ab5fb rgb(122,181,251)
```
#8dc0fc
```
#8dc0fc rgb(141,192,252)
```
#a0cafc
```
#a0cafc rgb(160,202,252)
```
#b3d5fd
```
#b3d5fd rgb(179,213,253)
```
#c6e0fd
```
#c6e0fd rgb(198,224,253)
```
#d9eafe
```
#d9eafe rgb(217,234,254)
```
#ecf5fe
```
#ecf5fe rgb(236,245,254)
```

Tint Color Variation

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

#a5a7a9
```
#a5a7a9 rgb(165,167,169)
```
#9ea6b0
```
#9ea6b0 rgb(158,166,176)
```
#98a6b6
```
#98a6b6 rgb(152,166,182)
```
#91a5bd
```
#91a5bd rgb(145,165,189)
```
#8aa5c4
```
#8aa5c4 rgb(138,165,196)
```
#83a4cb
```
#83a4cb rgb(131,164,203)
```
#7da3d1
```
#7da3d1 rgb(125,163,209)
```
#76a3d8
```
#76a3d8 rgb(118,163,216)
```
#6fa2df
```
#6fa2df rgb(111,162,223)
```
#68a2e6
```
#68a2e6 rgb(104,162,230)
```
#62a1ec
```
#62a1ec rgb(98,161,236)
```
#5ba1f3
```
#5ba1f3 rgb(91,161,243)
```
#54a0fa
```
#54a0fa rgb(84,160,250)
```

Tone Color Variation

Below, you can see how #54a0fa 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

#949494 Achromatopsia 0.005% of the population
#8796a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f9ff6 Protanopia 1% of men
#68a3fb Deuteranopia 1% of men
#22b1be Tritanopia 0.001% of the population

Trichromacy

#6f9ff7 Protanomaly 1% of men, 0.01% of women
#61a1fa Deuteranomaly 6% of men, 0.4% of women
#34abd4 Tritanomaly 0.01% of the population

#54a0fa hex color

#54a0fa Color Information

#54a0fa Color Conversion

Color Schemes with #54a0fa

Alternatives to #54a0fa

#54a0fa Preview

Shades and Tints of #54a0fa

Tones of #54a0fa

Color Blindness Simulator