#54a1f8 hex color

In a RGB color space, hex #54a1f8 is composed of 32.9% red, 63.1% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 35.1% magenta, 0% yellow and 2.7% black. It has a hue angle of 211.8 degrees, a saturation of 92.1% and a lightness of 65.1%. #54a1f8 color hex could be obtained by blending #a8ffff with #0043f1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 63
- B 97
RGB color chart
- C 66
- M 35
- Y 0
- K 3
CMYK color chart

● #54a1f8 color description : Soft blue.

The hexadecimal color #54a1f8 has RGB values of R:84, G:161, B:248 and CMYK values of C:0.66, M:0.35, Y:0, K:0.03. Its decimal value is 5546488.

Hex triplet	54a1f8	`#54a1f8`
RGB Decimal	84, 161, 248	`rgb(84,161,248)`
RGB Percent	32.9, 63.1, 97.3	`rgb(32.9%,63.1%,97.3%)`
CMYK	66, 35, 0, 3
HSL	211.8°, 92.1, 65.1	`hsl(211.8,92.1%,65.1%)`
HSV (or HSB)	211.8°, 66.1, 97.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.081, 3.138, -50.397
XYZ	33.34, 34.15, 93.636
xyY	0.207, 0.212, 34.15
CIE-LCH	65.081, 50.494, 273.563
CIE-LUV	65.081, -30.865, -81.618
Hunter-Lab	58.438, -0.426, -54.096
Binary	01010100, 10100001, 11111000

#54a1f8
```
#54a1f8 rgb(84,161,248)
```
#f8ab54
```
#f8ab54 rgb(248,171,84)
```

Complementary Color

#54f3f8
```
#54f3f8 rgb(84,243,248)
```
#54a1f8
```
#54a1f8 rgb(84,161,248)
```
#5954f8
```
#5954f8 rgb(89,84,248)
```

Analogous Color

#f3f854
```
#f3f854 rgb(243,248,84)
```
#54a1f8
```
#54a1f8 rgb(84,161,248)
```
#f85954
```
#f85954 rgb(248,89,84)
```

Split Complementary Color

#a1f854
```
#a1f854 rgb(161,248,84)
```
#54a1f8
```
#54a1f8 rgb(84,161,248)
```
#f854a1
```
#f854a1 rgb(248,84,161)
```

Triadic Color

#54f8ab
```
#54f8ab rgb(84,248,171)
```
#54a1f8
```
#54a1f8 rgb(84,161,248)
```
#f854a1
```
#f854a1 rgb(248,84,161)
```
#f8ab54
```
#f8ab54 rgb(248,171,84)
```

Tetradic Color

#0b79f5
```
#0b79f5 rgb(11,121,245)
```
#2386f6
```
#2386f6 rgb(35,134,246)
```
#3c94f7
```
#3c94f7 rgb(60,148,247)
```
#54a1f8
```
#54a1f8 rgb(84,161,248)
```
#6caef9
```
#6caef9 rgb(108,174,249)
```
#85bcfa
```
#85bcfa rgb(133,188,250)
```
#9dc9fb
```
#9dc9fb rgb(157,201,251)
```

Monochromatic Color

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

#54caf8
```
#54caf8 rgb(84,202,248)
```
#54bcf8
```
#54bcf8 rgb(84,188,248)
```
#54aff8
```
#54aff8 rgb(84,175,248)
```
#54a1f8
```
#54a1f8 rgb(84,161,248)
```
#5493f8
```
#5493f8 rgb(84,147,248)
```
#5486f8
```
#5486f8 rgb(84,134,248)
```
#5478f8
```
#5478f8 rgb(84,120,248)
```

Similar Colors

Text with hexadecimal color #54a1f8

This text has a font color of #54a1f8.

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

#54a1f8 background color

This paragraph has a background color of #54a1f8.

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

#54a1f8 border color

This element has a border color of #54a1f8.

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

CSS codes

.text {color:#54a1f8;}

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

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

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

#010911
```
#010911 rgb(1,9,17)
```
#011224
```
#011224 rgb(1,18,36)
```
#021b37
```
#021b37 rgb(2,27,55)
```
#03244a
```
#03244a rgb(3,36,74)
```
#042e5d
```
#042e5d rgb(4,46,93)
```
#053770
```
#053770 rgb(5,55,112)
```
#054083
```
#054083 rgb(5,64,131)
```
#064995
```
#064995 rgb(6,73,149)
```
#0753a8
```
#0753a8 rgb(7,83,168)
```
#085cbb
```
#085cbb rgb(8,92,187)
```
#0865ce
```
#0865ce rgb(8,101,206)
```
#096ee1
```
#096ee1 rgb(9,110,225)
```
#0a78f4
```
#0a78f4 rgb(10,120,244)
```

Shade Color Variation

#1b82f6
```
#1b82f6 rgb(27,130,246)
```
#2e8cf6
```
#2e8cf6 rgb(46,140,246)
```
#4197f7
```
#4197f7 rgb(65,151,247)
```
#54a1f8
```
#54a1f8 rgb(84,161,248)
```
#67abf9
```
#67abf9 rgb(103,171,249)
```
#7ab6fa
```
#7ab6fa rgb(122,182,250)
```
#8dc0fa
```
#8dc0fa rgb(141,192,250)
```
#9fcafb
```
#9fcafb rgb(159,202,251)
```
#b2d5fc
```
#b2d5fc rgb(178,213,252)
```
#c5dffd
```
#c5dffd rgb(197,223,253)
```
#d8eafd
```
#d8eafd rgb(216,234,253)
```
#ebf4fe
```
#ebf4fe rgb(235,244,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#9fa6ad
```
#9fa6ad rgb(159,166,173)
```
#98a5b4
```
#98a5b4 rgb(152,165,180)
```
#92a5ba
```
#92a5ba rgb(146,165,186)
```
#8ba4c1
```
#8ba4c1 rgb(139,164,193)
```
#84a4c8
```
#84a4c8 rgb(132,164,200)
```
#7da4cf
```
#7da4cf rgb(125,164,207)
```
#76a3d6
```
#76a3d6 rgb(118,163,214)
```
#6fa3dd
```
#6fa3dd rgb(111,163,221)
```
#69a2e3
```
#69a2e3 rgb(105,162,227)
```
#62a2ea
```
#62a2ea rgb(98,162,234)
```
#5ba1f1
```
#5ba1f1 rgb(91,161,241)
```
#54a1f8
```
#54a1f8 rgb(84,161,248)
```
#4da1ff
```
#4da1ff rgb(77,161,255)
```

Tone Color Variation

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

Dichromacy

#81a0f3 Protanopia 1% of men
#6ca3f9 Deuteranopia 1% of men
#28b2bf Tritanopia 0.001% of the population

Trichromacy

#71a0f5 Protanomaly 1% of men, 0.01% of women
#63a2f8 Deuteranomaly 6% of men, 0.4% of women
#38abd3 Tritanomaly 0.01% of the population

#54a1f8 hex color

#54a1f8 Color Information

#54a1f8 Color Conversion

Color Schemes with #54a1f8

Alternatives to #54a1f8

#54a1f8 Preview

Shades and Tints of #54a1f8

Tones of #54a1f8

Color Blindness Simulator