#54b6f5 hex color

In a RGB color space, hex #54b6f5 is composed of 32.9% red, 71.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 25.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 203.5 degrees, a saturation of 89% and a lightness of 64.5%. #54b6f5 color hex could be obtained by blending #a8ffff with #006deb. Closest websafe color is: #66ccff.

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

● #54b6f5 color description : Soft blue.

The hexadecimal color #54b6f5 has RGB values of R:84, G:182, B:245 and CMYK values of C:0.66, M:0.26, Y:0, K:0.04. Its decimal value is 5551861.

Hex triplet	54b6f5	`#54b6f5`
RGB Decimal	84, 182, 245	`rgb(84,182,245)`
RGB Percent	32.9, 71.4, 96.1	`rgb(32.9%,71.4%,96.1%)`
CMYK	66, 26, 0, 4
HSL	203.5°, 89, 64.5	`hsl(203.5,89%,64.5%)`
HSV (or HSB)	203.5°, 65.7, 96.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.823, -9.611, -39.746
XYZ	36.861, 41.931, 92.532
xyY	0.215, 0.245, 41.931
CIE-LCH	70.823, 40.892, 256.407
CIE-LUV	70.823, -38.255, -62.909
Hunter-Lab	64.754, -11.707, -39.397
Binary	01010100, 10110110, 11110101

#54b6f5
```
#54b6f5 rgb(84,182,245)
```
#f59354
```
#f59354 rgb(245,147,84)
```

Complementary Color

#54f5e4
```
#54f5e4 rgb(84,245,228)
```
#54b6f5
```
#54b6f5 rgb(84,182,245)
```
#5466f5
```
#5466f5 rgb(84,102,245)
```

Analogous Color

#f5e454
```
#f5e454 rgb(245,228,84)
```
#54b6f5
```
#54b6f5 rgb(84,182,245)
```
#f55466
```
#f55466 rgb(245,84,102)
```

Split Complementary Color

#b6f554
```
#b6f554 rgb(182,245,84)
```
#54b6f5
```
#54b6f5 rgb(84,182,245)
```
#f554b6
```
#f554b6 rgb(245,84,182)
```

Triadic Color

#54f593
```
#54f593 rgb(84,245,147)
```
#54b6f5
```
#54b6f5 rgb(84,182,245)
```
#f554b6
```
#f554b6 rgb(245,84,182)
```
#f59354
```
#f59354 rgb(245,147,84)
```

Tetradic Color

#0e97ef
```
#0e97ef rgb(14,151,239)
```
#24a1f2
```
#24a1f2 rgb(36,161,242)
```
#3cacf4
```
#3cacf4 rgb(60,172,244)
```
#54b6f5
```
#54b6f5 rgb(84,182,245)
```
#6cc0f6
```
#6cc0f6 rgb(108,192,246)
```
#84cbf8
```
#84cbf8 rgb(132,203,248)
```
#9cd5f9
```
#9cd5f9 rgb(156,213,249)
```

Monochromatic Color

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

#54def5
```
#54def5 rgb(84,222,245)
```
#54d1f5
```
#54d1f5 rgb(84,209,245)
```
#54c3f5
```
#54c3f5 rgb(84,195,245)
```
#54b6f5
```
#54b6f5 rgb(84,182,245)
```
#54a9f5
```
#54a9f5 rgb(84,169,245)
```
#549bf5
```
#549bf5 rgb(84,155,245)
```
#548ef5
```
#548ef5 rgb(84,142,245)
```

Similar Colors

Text with hexadecimal color #54b6f5

This text has a font color of #54b6f5.

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

#54b6f5 background color

This paragraph has a background color of #54b6f5.

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

#54b6f5 border color

This element has a border color of #54b6f5.

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

CSS codes

.text {color:#54b6f5;}

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

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

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

#01090e
```
#01090e rgb(1,9,14)
```
#021521
```
#021521 rgb(2,21,33)
```
#032033
```
#032033 rgb(3,32,51)
```
#042c46
```
#042c46 rgb(4,44,70)
```
#053858
```
#053858 rgb(5,56,88)
```
#06446b
```
#06446b rgb(6,68,107)
```
#074f7e
```
#074f7e rgb(7,79,126)
```
#085b90
```
#085b90 rgb(8,91,144)
```
#0a67a3
```
#0a67a3 rgb(10,103,163)
```
#0b72b5
```
#0b72b5 rgb(11,114,181)
```
#0c7ec8
```
#0c7ec8 rgb(12,126,200)
```
#0d8ada
```
#0d8ada rgb(13,138,218)
```
#0e95ed
```
#0e95ed rgb(14,149,237)
```

Shade Color Variation

#1c9ef2
```
#1c9ef2 rgb(28,158,242)
```
#2fa6f3
```
#2fa6f3 rgb(47,166,243)
```
#41aef4
```
#41aef4 rgb(65,174,244)
```
#54b6f5
```
#54b6f5 rgb(84,182,245)
```
#67bef6
```
#67bef6 rgb(103,190,246)
```
#79c6f7
```
#79c6f7 rgb(121,198,247)
```
#8ccef8
```
#8ccef8 rgb(140,206,248)
```
#9ed6f9
```
#9ed6f9 rgb(158,214,249)
```
#b1defa
```
#b1defa rgb(177,222,250)
```
#c3e5fc
```
#c3e5fc rgb(195,229,252)
```
#d6edfd
```
#d6edfd rgb(214,237,253)
```
#e8f5fe
```
#e8f5fe rgb(232,245,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 #4db8fc is the most saturated one.

#a1a5a8
```
#a1a5a8 rgb(161,165,168)
```
#9aa7af
```
#9aa7af rgb(154,167,175)
```
#93a8b6
```
#93a8b6 rgb(147,168,182)
```
#8caabd
```
#8caabd rgb(140,170,189)
```
#85abc4
```
#85abc4 rgb(133,171,196)
```
#7eadcb
```
#7eadcb rgb(126,173,203)
```
#77aed2
```
#77aed2 rgb(119,174,210)
```
#70b0d9
```
#70b0d9 rgb(112,176,217)
```
#69b1e0
```
#69b1e0 rgb(105,177,224)
```
#62b3e7
```
#62b3e7 rgb(98,179,231)
```
#5bb4ee
```
#5bb4ee rgb(91,180,238)
```
#54b6f5
```
#54b6f5 rgb(84,182,245)
```
#4db8fc
```
#4db8fc rgb(77,184,252)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#91a4b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9dafee Protanopia 1% of men
#92b0f9 Deuteranopia 1% of men
#3fc1cf Tritanopia 0.001% of the population

Trichromacy

#82b1f0 Protanomaly 1% of men, 0.01% of women
#7bb2f7 Deuteranomaly 6% of men, 0.4% of women
#46bddd Tritanomaly 0.01% of the population

#54b6f5 hex color

#54b6f5 Color Information

#54b6f5 Color Conversion

Color Schemes with #54b6f5

Alternatives to #54b6f5

#54b6f5 Preview

Shades and Tints of #54b6f5

Tones of #54b6f5

Color Blindness Simulator