#54aff5 hex color

In a RGB color space, hex #54aff5 is composed of 32.9% red, 68.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 28.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 206.1 degrees, a saturation of 89% and a lightness of 64.5%. #54aff5 color hex could be obtained by blending #a8ffff with #005feb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 69
- B 96
RGB color chart
- C 66
- M 29
- Y 0
- K 4
CMYK color chart

● #54aff5 color description : Soft blue.

The hexadecimal color #54aff5 has RGB values of R:84, G:175, B:245 and CMYK values of C:0.66, M:0.29, Y:0, K:0.04. Its decimal value is 5550069.

Hex triplet	54aff5	`#54aff5`
RGB Decimal	84, 175, 245	`rgb(84,175,245)`
RGB Percent	32.9, 68.6, 96.1	`rgb(32.9%,68.6%,96.1%)`
CMYK	66, 29, 0, 4
HSL	206.1°, 89, 64.5	`hsl(206.1,89%,64.5%)`
HSV (or HSB)	206.1°, 65.7, 96.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.849, -5.77, -42.832
XYZ	35.464, 39.135, 92.066
xyY	0.213, 0.235, 39.135
CIE-LCH	68.849, 43.218, 262.328
CIE-LUV	68.849, -35.795, -68.394
Hunter-Lab	62.558, -8.286, -43.466
Binary	01010100, 10101111, 11110101

#54aff5
```
#54aff5 rgb(84,175,245)
```
#f59a54
```
#f59a54 rgb(245,154,84)
```

Complementary Color

#54f5eb
```
#54f5eb rgb(84,245,235)
```
#54aff5
```
#54aff5 rgb(84,175,245)
```
#545ff5
```
#545ff5 rgb(84,95,245)
```

Analogous Color

#f5eb54
```
#f5eb54 rgb(245,235,84)
```
#54aff5
```
#54aff5 rgb(84,175,245)
```
#f5545f
```
#f5545f rgb(245,84,95)
```

Split Complementary Color

#aff554
```
#aff554 rgb(175,245,84)
```
#54aff5
```
#54aff5 rgb(84,175,245)
```
#f554af
```
#f554af rgb(245,84,175)
```

Triadic Color

#54f59a
```
#54f59a rgb(84,245,154)
```
#54aff5
```
#54aff5 rgb(84,175,245)
```
#f554af
```
#f554af rgb(245,84,175)
```
#f59a54
```
#f59a54 rgb(245,154,84)
```

Tetradic Color

#0e8def
```
#0e8def rgb(14,141,239)
```
#2498f2
```
#2498f2 rgb(36,152,242)
```
#3ca4f4
```
#3ca4f4 rgb(60,164,244)
```
#54aff5
```
#54aff5 rgb(84,175,245)
```
#6cbaf6
```
#6cbaf6 rgb(108,186,246)
```
#84c6f8
```
#84c6f8 rgb(132,198,248)
```
#9cd1f9
```
#9cd1f9 rgb(156,209,249)
```

Monochromatic Color

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

#54d7f5
```
#54d7f5 rgb(84,215,245)
```
#54caf5
```
#54caf5 rgb(84,202,245)
```
#54bcf5
```
#54bcf5 rgb(84,188,245)
```
#54aff5
```
#54aff5 rgb(84,175,245)
```
#54a2f5
```
#54a2f5 rgb(84,162,245)
```
#5494f5
```
#5494f5 rgb(84,148,245)
```
#5487f5
```
#5487f5 rgb(84,135,245)
```

Similar Colors

Text with hexadecimal color #54aff5

This text has a font color of #54aff5.

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

#54aff5 background color

This paragraph has a background color of #54aff5.

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

#54aff5 border color

This element has a border color of #54aff5.

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

CSS codes

.text {color:#54aff5;}

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

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

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, #01080e is the darkest color, while #fbfdff is the lightest one.

#01080e
```
#01080e rgb(1,8,14)
```
#021321
```
#021321 rgb(2,19,33)
```
#031e33
```
#031e33 rgb(3,30,51)
```
#042946
```
#042946 rgb(4,41,70)
```
#053458
```
#053458 rgb(5,52,88)
```
#063f6b
```
#063f6b rgb(6,63,107)
```
#074a7e
```
#074a7e rgb(7,74,126)
```
#085590
```
#085590 rgb(8,85,144)
```
#0a60a3
```
#0a60a3 rgb(10,96,163)
```
#0b6bb5
```
#0b6bb5 rgb(11,107,181)
```
#0c76c8
```
#0c76c8 rgb(12,118,200)
```
#0d81da
```
#0d81da rgb(13,129,218)
```
#0e8ced
```
#0e8ced rgb(14,140,237)
```

Shade Color Variation

#1c95f2
```
#1c95f2 rgb(28,149,242)
```
#2f9ef3
```
#2f9ef3 rgb(47,158,243)
```
#41a6f4
```
#41a6f4 rgb(65,166,244)
```
#54aff5
```
#54aff5 rgb(84,175,245)
```
#67b8f6
```
#67b8f6 rgb(103,184,246)
```
#79c0f7
```
#79c0f7 rgb(121,192,247)
```
#8cc9f8
```
#8cc9f8 rgb(140,201,248)
```
#9ed2f9
```
#9ed2f9 rgb(158,210,249)
```
#b1dafa
```
#b1dafa rgb(177,218,250)
```
#c3e3fc
```
#c3e3fc rgb(195,227,252)
```
#d6ecfd
```
#d6ecfd rgb(214,236,253)
```
#e8f4fe
```
#e8f4fe rgb(232,244,254)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#a1a5a8
```
#a1a5a8 rgb(161,165,168)
```
#9aa6af
```
#9aa6af rgb(154,166,175)
```
#93a7b6
```
#93a7b6 rgb(147,167,182)
```
#8ca8bd
```
#8ca8bd rgb(140,168,189)
```
#85a9c4
```
#85a9c4 rgb(133,169,196)
```
#7eaacb
```
#7eaacb rgb(126,170,203)
```
#77aad2
```
#77aad2 rgb(119,170,210)
```
#70abd9
```
#70abd9 rgb(112,171,217)
```
#69ace0
```
#69ace0 rgb(105,172,224)
```
#62ade7
```
#62ade7 rgb(98,173,231)
```
#5baeee
```
#5baeee rgb(91,174,238)
```
#54aff5
```
#54aff5 rgb(84,175,245)
```
#4db0fc
```
#4db0fc rgb(77,176,252)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8ea0ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#95aaef Protanopia 1% of men
#87abf8 Deuteranopia 1% of men
#39bcc9 Tritanopia 0.001% of the population

Trichromacy

#7dabf1 Protanomaly 1% of men, 0.01% of women
#74acf7 Deuteranomaly 6% of men, 0.4% of women
#43b7d9 Tritanomaly 0.01% of the population

#54aff5 hex color

#54aff5 Color Information

#54aff5 Color Conversion

Color Schemes with #54aff5

Alternatives to #54aff5

#54aff5 Preview

Shades and Tints of #54aff5

Tones of #54aff5

Color Blindness Simulator