#54caf7 Color Information

In a RGB color space, hex #54caf7 is composed of 32.9% red, 79.2% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 18.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 196.6 degrees, a saturation of 91.1% and a lightness of 64.9%. #54caf7 color hex could be obtained by blending #a8ffff with #0095ef. Closest websafe color is: #66ccff.

    • R 33
    • G 79
    • B 97
    RGB color chart
    • C 66
    • M 18
    • Y 0
    • K 3
    CMYK color chart

#54caf7 color description : Soft blue.

#54caf7 Color Conversion

The hexadecimal color #54caf7 has RGB values of R:84, G:202, B:247 and CMYK values of C:0.66, M:0.18, Y:0, K:0.03. Its decimal value is 5556983.

Hex triplet 54caf7 #54caf7
RGB Decimal 84, 202, 247 rgb(84,202,247)
RGB Percent 32.9, 79.2, 96.9 rgb(32.9%,79.2%,96.9%)
CMYK 66, 18, 0, 3
HSL 196.6°, 91.1, 64.9 hsl(196.6,91.1%,64.9%)
HSV (or HSB) 196.6°, 66, 96.9
Web Safe 66ccff #66ccff
CIE-LAB 76.581, -19.549, -31.899
XYZ 41.561, 50.838, 95.613
xyY 0.221, 0.27, 50.838
CIE-LCH 76.581, 37.412, 238.498
CIE-LUV 76.581, -45.256, -48.728
Hunter-Lab 71.301, -20.73, -29.596
Binary 01010100, 11001010, 11110111

Color Schemes with #54caf7

Complementary Color
Analogous Color
Split Complementary Color
Triadic Color
Tetradic Color
Monochromatic Color

Alternatives to #54caf7

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

Similar Colors

#54caf7 Preview

Text with hexadecimal color #54caf7

This text has a font color of #54caf7.

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

This paragraph has a background color of #54caf7.

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

This element has a border color of #54caf7.

<div style="border:1px solid #54caf7;">Content here</div>
CSS codes
.text {color:#54caf7;}
.background {background-color:#54caf7;}
.border {border:1px solid #54caf7;}

Shades and Tints of #54caf7

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

Shade Color Variation
Tint Color Variation

Tones of #54caf7

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

Tone Color Variation

Color Blindness Simulator

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

  • #acacac Achromatopsia 0.005% of the population
  • #9ab2bb Atypical Achromatopsia 0.001% of the population
  • #b3beee Protanopia 1% of men
  • #adbdfd Deuteranopia 1% of men
  • #4bd1e0 Tritanopia 0.001% of the population
  • #90c2f1 Protanomaly 1% of men, 0.01% of women
  • #8dc2fa Deuteranomaly 6% of men, 0.4% of women
  • #4ecee8 Tritanomaly 0.01% of the population