#54a2f0 hex color

In a RGB color space, hex #54a2f0 is composed of 32.9% red, 63.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 32.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 210 degrees, a saturation of 83.9% and a lightness of 63.5%. #54a2f0 color hex could be obtained by blending #a8ffff with #0045e1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 64
- B 94
RGB color chart
- C 65
- M 33
- Y 0
- K 6
CMYK color chart

● #54a2f0 color description : Soft blue.

The hexadecimal color #54a2f0 has RGB values of R:84, G:162, B:240 and CMYK values of C:0.65, M:0.33, Y:0, K:0.06. Its decimal value is 5546736.

Hex triplet	54a2f0	`#54a2f0`
RGB Decimal	84, 162, 240	`rgb(84,162,240)`
RGB Percent	32.9, 63.5, 94.1	`rgb(32.9%,63.5%,94.1%)`
CMYK	65, 33, 0, 6
HSL	210°, 83.9, 63.5	`hsl(210,83.9%,63.5%)`
HSV (or HSB)	210°, 65, 94.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	64.974, -0.104, -46.188
XYZ	32.301, 34.014, 87.296
xyY	0.21, 0.221, 34.014
CIE-LCH	64.974, 46.188, 269.872
CIE-LUV	64.974, -31.438, -74.136
Hunter-Lab	58.322, -3.203, -47.92
Binary	01010100, 10100010, 11110000

#54a2f0
```
#54a2f0 rgb(84,162,240)
```
#f0a254
```
#f0a254 rgb(240,162,84)
```

Complementary Color

#54f0f0
```
#54f0f0 rgb(84,240,240)
```
#54a2f0
```
#54a2f0 rgb(84,162,240)
```
#5454f0
```
#5454f0 rgb(84,84,240)
```

Analogous Color

#f0f054
```
#f0f054 rgb(240,240,84)
```
#54a2f0
```
#54a2f0 rgb(84,162,240)
```
#f05454
```
#f05454 rgb(240,84,84)
```

Split Complementary Color

#a2f054
```
#a2f054 rgb(162,240,84)
```
#54a2f0
```
#54a2f0 rgb(84,162,240)
```
#f054a2
```
#f054a2 rgb(240,84,162)
```

Triadic Color

#54f0a2
```
#54f0a2 rgb(84,240,162)
```
#54a2f0
```
#54a2f0 rgb(84,162,240)
```
#f054a2
```
#f054a2 rgb(240,84,162)
```
#f0a254
```
#f0a254 rgb(240,162,84)
```

Tetradic Color

#147ce4
```
#147ce4 rgb(20,124,228)
```
#2589ec
```
#2589ec rgb(37,137,236)
```
#3d95ee
```
#3d95ee rgb(61,149,238)
```
#54a2f0
```
#54a2f0 rgb(84,162,240)
```
#6baff2
```
#6baff2 rgb(107,175,242)
```
#83bcf4
```
#83bcf4 rgb(131,188,244)
```
#9ac8f6
```
#9ac8f6 rgb(154,200,246)
```

Monochromatic Color

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

#54c9f0
```
#54c9f0 rgb(84,201,240)
```
#54bcf0
```
#54bcf0 rgb(84,188,240)
```
#54aff0
```
#54aff0 rgb(84,175,240)
```
#54a2f0
```
#54a2f0 rgb(84,162,240)
```
#5495f0
```
#5495f0 rgb(84,149,240)
```
#5488f0
```
#5488f0 rgb(84,136,240)
```
#547bf0
```
#547bf0 rgb(84,123,240)
```

Similar Colors

Text with hexadecimal color #54a2f0

This text has a font color of #54a2f0.

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

#54a2f0 background color

This paragraph has a background color of #54a2f0.

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

#54a2f0 border color

This element has a border color of #54a2f0.

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

CSS codes

.text {color:#54a2f0;}

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

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

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

#010509
```
#010509 rgb(1,5,9)
```
#020f1b
```
#020f1b rgb(2,15,27)
```
#04192d
```
#04192d rgb(4,25,45)
```
#06233f
```
#06233f rgb(6,35,63)
```
#072c51
```
#072c51 rgb(7,44,81)
```
#093664
```
#093664 rgb(9,54,100)
```
#0a4076
```
#0a4076 rgb(10,64,118)
```
#0c4a88
```
#0c4a88 rgb(12,74,136)
```
#0d549a
```
#0d549a rgb(13,84,154)
```
#0f5dac
```
#0f5dac rgb(15,93,172)
```
#1167be
```
#1167be rgb(17,103,190)
```
#1271d0
```
#1271d0 rgb(18,113,208)
```
#147be2
```
#147be2 rgb(20,123,226)
```

Shade Color Variation

#1e85eb
```
#1e85eb rgb(30,133,235)
```
#308eed
```
#308eed rgb(48,142,237)
```
#4298ee
```
#4298ee rgb(66,152,238)
```
#54a2f0
```
#54a2f0 rgb(84,162,240)
```
#66acf2
```
#66acf2 rgb(102,172,242)
```
#78b6f3
```
#78b6f3 rgb(120,182,243)
```
#8abff5
```
#8abff5 rgb(138,191,245)
```
#9cc9f6
```
#9cc9f6 rgb(156,201,246)
```
#aed3f8
```
#aed3f8 rgb(174,211,248)
```
#c0ddf9
```
#c0ddf9 rgb(192,221,249)
```
#d2e7fb
```
#d2e7fb rgb(210,231,251)
```
#e4f0fd
```
#e4f0fd rgb(228,240,253)
```
#f6fafe
```
#f6fafe rgb(246,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca2a8 is the less saturated color, while #46a2fe is the most saturated one.

#9ca2a8
```
#9ca2a8 rgb(156,162,168)
```
#94a2b0
```
#94a2b0 rgb(148,162,176)
```
#8da2b7
```
#8da2b7 rgb(141,162,183)
```
#86a2be
```
#86a2be rgb(134,162,190)
```
#7fa2c5
```
#7fa2c5 rgb(127,162,197)
```
#78a2cc
```
#78a2cc rgb(120,162,204)
```
#71a2d3
```
#71a2d3 rgb(113,162,211)
```
#69a2db
```
#69a2db rgb(105,162,219)
```
#62a2e2
```
#62a2e2 rgb(98,162,226)
```
#5ba2e9
```
#5ba2e9 rgb(91,162,233)
```
#54a2f0
```
#54a2f0 rgb(84,162,240)
```
#4da2f7
```
#4da2f7 rgb(77,162,247)
```
#46a2fe
```
#46a2fe rgb(70,162,254)
```

Tone Color Variation

Below, you can see how #54a2f0 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
#8797a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a0eb Protanopia 1% of men
#75a2f2 Deuteranopia 1% of men
#34b1be Tritanopia 0.001% of the population

Trichromacy

#74a0ed Protanomaly 1% of men, 0.01% of women
#69a2f1 Deuteranomaly 6% of men, 0.4% of women
#40abd0 Tritanomaly 0.01% of the population

#54a2f0 hex color

#54a2f0 Color Information

#54a2f0 Color Conversion

Color Schemes with #54a2f0

Alternatives to #54a2f0

#54a2f0 Preview

Shades and Tints of #54a2f0

Tones of #54a2f0

Color Blindness Simulator