#54baf0 hex color

In a RGB color space, hex #54baf0 is composed of 32.9% red, 72.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 22.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 200.8 degrees, a saturation of 83.9% and a lightness of 63.5%. #54baf0 color hex could be obtained by blending #a8ffff with #0075e1. Closest websafe color is: #66ccff.

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

● #54baf0 color description : Soft blue.

The hexadecimal color #54baf0 has RGB values of R:84, G:186, B:240 and CMYK values of C:0.65, M:0.23, Y:0, K:0.06. Its decimal value is 5552880.

Hex triplet	54baf0	`#54baf0`
RGB Decimal	84, 186, 240	`rgb(84,186,240)`
RGB Percent	32.9, 72.9, 94.1	`rgb(32.9%,72.9%,94.1%)`
CMYK	65, 23, 0, 6
HSL	200.8°, 83.9, 63.5	`hsl(200.8,83.9%,63.5%)`
HSV (or HSB)	200.8°, 65, 94.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.752, -13.359, -35.592
XYZ	36.939, 43.291, 88.843
xyY	0.218, 0.256, 43.291
CIE-LCH	71.752, 38.017, 249.427
CIE-LUV	71.752, -39.893, -55.435
Hunter-Lab	65.796, -14.929, -34.001
Binary	01010100, 10111010, 11110000

#54baf0
```
#54baf0 rgb(84,186,240)
```
#f08a54
```
#f08a54 rgb(240,138,84)
```

Complementary Color

#54f0d8
```
#54f0d8 rgb(84,240,216)
```
#54baf0
```
#54baf0 rgb(84,186,240)
```
#546cf0
```
#546cf0 rgb(84,108,240)
```

Analogous Color

#f0d854
```
#f0d854 rgb(240,216,84)
```
#54baf0
```
#54baf0 rgb(84,186,240)
```
#f0546c
```
#f0546c rgb(240,84,108)
```

Split Complementary Color

#baf054
```
#baf054 rgb(186,240,84)
```
#54baf0
```
#54baf0 rgb(84,186,240)
```
#f054ba
```
#f054ba rgb(240,84,186)
```

Triadic Color

#54f08a
```
#54f08a rgb(84,240,138)
```
#54baf0
```
#54baf0 rgb(84,186,240)
```
#f054ba
```
#f054ba rgb(240,84,186)
```
#f08a54
```
#f08a54 rgb(240,138,84)
```

Tetradic Color

#149ce4
```
#149ce4 rgb(20,156,228)
```
#25a7ec
```
#25a7ec rgb(37,167,236)
```
#3db1ee
```
#3db1ee rgb(61,177,238)
```
#54baf0
```
#54baf0 rgb(84,186,240)
```
#6bc3f2
```
#6bc3f2 rgb(107,195,242)
```
#83cdf4
```
#83cdf4 rgb(131,205,244)
```
#9ad6f6
```
#9ad6f6 rgb(154,214,246)
```

Monochromatic Color

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

#54e1f0
```
#54e1f0 rgb(84,225,240)
```
#54d4f0
```
#54d4f0 rgb(84,212,240)
```
#54c7f0
```
#54c7f0 rgb(84,199,240)
```
#54baf0
```
#54baf0 rgb(84,186,240)
```
#54adf0
```
#54adf0 rgb(84,173,240)
```
#54a0f0
```
#54a0f0 rgb(84,160,240)
```
#5493f0
```
#5493f0 rgb(84,147,240)
```

Similar Colors

Text with hexadecimal color #54baf0

This text has a font color of #54baf0.

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

#54baf0 background color

This paragraph has a background color of #54baf0.

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

#54baf0 border color

This element has a border color of #54baf0.

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

CSS codes

.text {color:#54baf0;}

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

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

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

#010609
```
#010609 rgb(1,6,9)
```
#02131b
```
#02131b rgb(2,19,27)
```
#041f2d
```
#041f2d rgb(4,31,45)
```
#062b3f
```
#062b3f rgb(6,43,63)
```
#073851
```
#073851 rgb(7,56,81)
```
#094464
```
#094464 rgb(9,68,100)
```
#0a5076
```
#0a5076 rgb(10,80,118)
```
#0c5d88
```
#0c5d88 rgb(12,93,136)
```
#0d699a
```
#0d699a rgb(13,105,154)
```
#0f75ac
```
#0f75ac rgb(15,117,172)
```
#1182be
```
#1182be rgb(17,130,190)
```
#128ed0
```
#128ed0 rgb(18,142,208)
```
#149ae2
```
#149ae2 rgb(20,154,226)
```

Shade Color Variation

#1ea4eb
```
#1ea4eb rgb(30,164,235)
```
#30abed
```
#30abed rgb(48,171,237)
```
#42b3ee
```
#42b3ee rgb(66,179,238)
```
#54baf0
```
#54baf0 rgb(84,186,240)
```
#66c1f2
```
#66c1f2 rgb(102,193,242)
```
#78c9f3
```
#78c9f3 rgb(120,201,243)
```
#8ad0f5
```
#8ad0f5 rgb(138,208,245)
```
#9cd7f6
```
#9cd7f6 rgb(156,215,246)
```
#aedef8
```
#aedef8 rgb(174,222,248)
```
#c0e6f9
```
#c0e6f9 rgb(192,230,249)
```
#d2edfb
```
#d2edfb rgb(210,237,251)
```
#e4f4fd
```
#e4f4fd rgb(228,244,253)
```
#f6fbfe
```
#f6fbfe rgb(246,251,254)
```

Tint Color Variation

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

#9ca4a8
```
#9ca4a8 rgb(156,164,168)
```
#94a6b0
```
#94a6b0 rgb(148,166,176)
```
#8da8b7
```
#8da8b7 rgb(141,168,183)
```
#86abbe
```
#86abbe rgb(134,171,190)
```
#7fadc5
```
#7fadc5 rgb(127,173,197)
```
#78afcc
```
#78afcc rgb(120,175,204)
```
#71b1d3
```
#71b1d3 rgb(113,177,211)
```
#69b3db
```
#69b3db rgb(105,179,219)
```
#62b6e2
```
#62b6e2 rgb(98,182,226)
```
#5bb8e9
```
#5bb8e9 rgb(91,184,233)
```
#54baf0
```
#54baf0 rgb(84,186,240)
```
#4dbcf7
```
#4dbcf7 rgb(77,188,247)
```
#46befe
```
#46befe rgb(70,190,254)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#92a7b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b1e8 Protanopia 1% of men
#9bb2f5 Deuteranopia 1% of men
#46c3d1 Tritanopia 0.001% of the population

Trichromacy

#86b4eb Protanomaly 1% of men, 0.01% of women
#81b5f3 Deuteranomaly 6% of men, 0.4% of women
#4bc0dc Tritanomaly 0.01% of the population

#54baf0 hex color

#54baf0 Color Information

#54baf0 Color Conversion

Color Schemes with #54baf0

Alternatives to #54baf0

#54baf0 Preview

Shades and Tints of #54baf0

Tones of #54baf0

Color Blindness Simulator