#54b2f7 hex color

In a RGB color space, hex #54b2f7 is composed of 32.9% red, 69.8% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 27.9% magenta, 0% yellow and 3.1% black. It has a hue angle of 205.4 degrees, a saturation of 91.1% and a lightness of 64.9%. #54b2f7 color hex could be obtained by blending #a8ffff with #0065ef. Closest websafe color is: #6699ff.

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

● #54b2f7 color description : Soft blue.

The hexadecimal color #54b2f7 has RGB values of R:84, G:178, B:247 and CMYK values of C:0.66, M:0.28, Y:0, K:0.03. Its decimal value is 5550839.

Hex triplet	54b2f7	`#54b2f7`
RGB Decimal	84, 178, 247	`rgb(84,178,247)`
RGB Percent	32.9, 69.8, 96.9	`rgb(32.9%,69.8%,96.9%)`
CMYK	66, 28, 0, 3
HSL	205.4°, 91.1, 64.9	`hsl(205.4,91.1%,64.9%)`
HSV (or HSB)	205.4°, 66, 96.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.781, -6.775, -42.459
XYZ	36.361, 40.438, 93.88
xyY	0.213, 0.237, 40.438
CIE-LCH	69.781, 42.996, 260.934
CIE-LUV	69.781, -36.767, -67.765
Hunter-Lab	63.591, -9.219, -43.016
Binary	01010100, 10110010, 11110111

#54b2f7
```
#54b2f7 rgb(84,178,247)
```
#f79954
```
#f79954 rgb(247,153,84)
```

Complementary Color

#54f7eb
```
#54f7eb rgb(84,247,235)
```
#54b2f7
```
#54b2f7 rgb(84,178,247)
```
#5461f7
```
#5461f7 rgb(84,97,247)
```

Analogous Color

#f7eb54
```
#f7eb54 rgb(247,235,84)
```
#54b2f7
```
#54b2f7 rgb(84,178,247)
```
#f75461
```
#f75461 rgb(247,84,97)
```

Split Complementary Color

#b2f754
```
#b2f754 rgb(178,247,84)
```
#54b2f7
```
#54b2f7 rgb(84,178,247)
```
#f754b2
```
#f754b2 rgb(247,84,178)
```

Triadic Color

#54f799
```
#54f799 rgb(84,247,153)
```
#54b2f7
```
#54b2f7 rgb(84,178,247)
```
#f754b2
```
#f754b2 rgb(247,84,178)
```
#f79954
```
#f79954 rgb(247,153,84)
```

Tetradic Color

#0b91f3
```
#0b91f3 rgb(11,145,243)
```
#239cf5
```
#239cf5 rgb(35,156,245)
```
#3ca7f6
```
#3ca7f6 rgb(60,167,246)
```
#54b2f7
```
#54b2f7 rgb(84,178,247)
```
#6cbdf8
```
#6cbdf8 rgb(108,189,248)
```
#85c8f9
```
#85c8f9 rgb(133,200,249)
```
#9dd3fa
```
#9dd3fa rgb(157,211,250)
```

Monochromatic Color

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

#54dbf7
```
#54dbf7 rgb(84,219,247)
```
#54cdf7
```
#54cdf7 rgb(84,205,247)
```
#54c0f7
```
#54c0f7 rgb(84,192,247)
```
#54b2f7
```
#54b2f7 rgb(84,178,247)
```
#54a4f7
```
#54a4f7 rgb(84,164,247)
```
#5497f7
```
#5497f7 rgb(84,151,247)
```
#5489f7
```
#5489f7 rgb(84,137,247)
```

Similar Colors

Text with hexadecimal color #54b2f7

This text has a font color of #54b2f7.

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

#54b2f7 background color

This paragraph has a background color of #54b2f7.

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

#54b2f7 border color

This element has a border color of #54b2f7.

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

CSS codes

.text {color:#54b2f7;}

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

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

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, #010a10 is the darkest color, while #fdfeff is the lightest one.

#010a10
```
#010a10 rgb(1,10,16)
```
#021523
```
#021523 rgb(2,21,35)
```
#032036
```
#032036 rgb(3,32,54)
```
#032b49
```
#032b49 rgb(3,43,73)
```
#04365b
```
#04365b rgb(4,54,91)
```
#05426e
```
#05426e rgb(5,66,110)
```
#064d81
```
#064d81 rgb(6,77,129)
```
#075894
```
#075894 rgb(7,88,148)
```
#0863a6
```
#0863a6 rgb(8,99,166)
```
#096eb9
```
#096eb9 rgb(9,110,185)
```
#0a7acc
```
#0a7acc rgb(10,122,204)
```
#0a85df
```
#0a85df rgb(10,133,223)
```
#0b90f1
```
#0b90f1 rgb(11,144,241)
```

Shade Color Variation

#1c99f4
```
#1c99f4 rgb(28,153,244)
```
#2fa1f5
```
#2fa1f5 rgb(47,161,245)
```
#41aaf6
```
#41aaf6 rgb(65,170,246)
```
#54b2f7
```
#54b2f7 rgb(84,178,247)
```
#67baf8
```
#67baf8 rgb(103,186,248)
```
#79c3f9
```
#79c3f9 rgb(121,195,249)
```
#8ccbfa
```
#8ccbfa rgb(140,203,250)
```
#9fd4fb
```
#9fd4fb rgb(159,212,251)
```
#b2dcfb
```
#b2dcfb rgb(178,220,251)
```
#c4e5fc
```
#c4e5fc rgb(196,229,252)
```
#d7edfd
```
#d7edfd rgb(215,237,253)
```
#eaf6fe
```
#eaf6fe rgb(234,246,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#a0a6ab
```
#a0a6ab rgb(160,166,171)
```
#99a7b2
```
#99a7b2 rgb(153,167,178)
```
#92a8b9
```
#92a8b9 rgb(146,168,185)
```
#8baac0
```
#8baac0 rgb(139,170,192)
```
#84abc7
```
#84abc7 rgb(132,171,199)
```
#7dacce
```
#7dacce rgb(125,172,206)
```
#76add5
```
#76add5 rgb(118,173,213)
```
#70aedb
```
#70aedb rgb(112,174,219)
```
#69afe2
```
#69afe2 rgb(105,175,226)
```
#62b0e9
```
#62b0e9 rgb(98,176,233)
```
#5bb1f0
```
#5bb1f0 rgb(91,177,240)
```
#54b2f7
```
#54b2f7 rgb(84,178,247)
```
#4db3fe
```
#4db3fe rgb(77,179,254)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#8fa2b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97acf0 Protanopia 1% of men
#8aaefa Deuteranopia 1% of men
#3abecc Tritanopia 0.001% of the population

Trichromacy

#7faef2 Protanomaly 1% of men, 0.01% of women
#76aff9 Deuteranomaly 6% of men, 0.4% of women
#43badc Tritanomaly 0.01% of the population

#54b2f7 hex color

#54b2f7 Color Information

#54b2f7 Color Conversion

Color Schemes with #54b2f7

Alternatives to #54b2f7

#54b2f7 Preview

Shades and Tints of #54b2f7

Tones of #54b2f7

Color Blindness Simulator