#57ccff Color Information

In a RGB color space, hex #57ccff is composed of 34.1% red, 80% green and 100% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 20% magenta, 0% yellow and 0% black. It has a hue angle of 198.2 degrees, a saturation of 100% and a lightness of 67.1%. #57ccff color hex could be obtained by blending #aeffff with #0099ff. Closest websafe color is: #66ccff.

    • R 34
    • G 80
    • B 100
    RGB color chart
    • C 66
    • M 20
    • Y 0
    • K 0
    CMYK color chart

#57ccff color description : Light blue.

#57ccff Color Conversion

The hexadecimal color #57ccff has RGB values of R:87, G:204, B:255 and CMYK values of C:0.66, M:0.2, Y:0, K:0. Its decimal value is 5754111.

Hex triplet 57ccff #57ccff
RGB Decimal 87, 204, 255 rgb(87,204,255)
RGB Percent 34.1, 80, 100 rgb(34.1%,80%,100%)
CMYK 66, 20, 0, 0
HSL 198.2°, 100, 67.1 hsl(198.2,100%,67.1%)
HSV (or HSB) 198.2°, 65.9, 100
Web Safe 66ccff #66ccff
CIE-LAB 77.536, -17.652, -34.696
XYZ 43.569, 52.429, 102.426
xyY 0.22, 0.264, 52.429
CIE-LCH 77.536, 38.928, 243.034
CIE-LUV 77.536, -44.956, -53.861
Hunter-Lab 72.408, -19.307, -33.185
Binary 01010111, 11001100, 11111111

Color Schemes with #57ccff

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

Alternatives to #57ccff

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

Similar Colors

#57ccff Preview

Text with hexadecimal color #57ccff

This text has a font color of #57ccff.

<span style="color:#57ccff;">Text here</span>
#57ccff background color

This paragraph has a background color of #57ccff.

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

This element has a border color of #57ccff.

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

Shades and Tints of #57ccff

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

Shade Color Variation
Tint Color Variation

Tones of #57ccff

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

Tone Color Variation

Color Blindness Simulator

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

  • #afafaf Achromatopsia 0.005% of the population
  • #9db5bf Atypical Achromatopsia 0.001% of the population
  • #b4c0f5 Protanopia 1% of men
  • #aec0ff Deuteranopia 1% of men
  • #4ad3e3 Tritanopia 0.001% of the population
  • #92c4f9 Protanomaly 1% of men, 0.01% of women
  • #8ec4ff Deuteranomaly 6% of men, 0.4% of women
  • #4fd0ed Tritanomaly 0.01% of the population