#57bff2 hex color

In a RGB color space, hex #57bff2 is composed of 34.1% red, 74.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 21.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 199.7 degrees, a saturation of 85.6% and a lightness of 64.5%. #57bff2 color hex could be obtained by blending #aeffff with #007fe5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 34
- G 75
- B 95
RGB color chart
- C 64
- M 21
- Y 0
- K 5
CMYK color chart

● #57bff2 color description : Soft blue.

The hexadecimal color #57bff2 has RGB values of R:87, G:191, B:242 and CMYK values of C:0.64, M:0.21, Y:0, K:0.05. Its decimal value is 5750770.

Hex triplet	57bff2	`#57bff2`
RGB Decimal	87, 191, 242	`rgb(87,191,242)`
RGB Percent	34.1, 74.9, 94.9	`rgb(34.1%,74.9%,94.9%)`
CMYK	64, 21, 0, 5
HSL	199.7°, 85.6, 64.5	`hsl(199.7,85.6%,64.5%)`
HSV (or HSB)	199.7°, 64, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.348, -14.899, -34.194
XYZ	38.584, 45.696, 90.786
xyY	0.22, 0.261, 45.696
CIE-LCH	73.348, 37.299, 246.457
CIE-LUV	73.348, -40.946, -52.997
Hunter-Lab	67.599, -16.413, -32.309
Binary	01010111, 10111111, 11110010

#57bff2
```
#57bff2 rgb(87,191,242)
```
#f28a57
```
#f28a57 rgb(242,138,87)
```

Complementary Color

#57f2d8
```
#57f2d8 rgb(87,242,216)
```
#57bff2
```
#57bff2 rgb(87,191,242)
```
#5772f2
```
#5772f2 rgb(87,114,242)
```

Analogous Color

#f2d857
```
#f2d857 rgb(242,216,87)
```
#57bff2
```
#57bff2 rgb(87,191,242)
```
#f25772
```
#f25772 rgb(242,87,114)
```

Split Complementary Color

#bff257
```
#bff257 rgb(191,242,87)
```
#57bff2
```
#57bff2 rgb(87,191,242)
```
#f257bf
```
#f257bf rgb(242,87,191)
```

Triadic Color

#57f28a
```
#57f28a rgb(87,242,138)
```
#57bff2
```
#57bff2 rgb(87,191,242)
```
#f257bf
```
#f257bf rgb(242,87,191)
```
#f28a57
```
#f28a57 rgb(242,138,87)
```

Tetradic Color

#12a3ea
```
#12a3ea rgb(18,163,234)
```
#28adee
```
#28adee rgb(40,173,238)
```
#3fb6f0
```
#3fb6f0 rgb(63,182,240)
```
#57bff2
```
#57bff2 rgb(87,191,242)
```
#6fc8f4
```
#6fc8f4 rgb(111,200,244)
```
#86d1f6
```
#86d1f6 rgb(134,209,246)
```
#9edaf7
```
#9edaf7 rgb(158,218,247)
```

Monochromatic Color

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

#57e6f2
```
#57e6f2 rgb(87,230,242)
```
#57d9f2
```
#57d9f2 rgb(87,217,242)
```
#57ccf2
```
#57ccf2 rgb(87,204,242)
```
#57bff2
```
#57bff2 rgb(87,191,242)
```
#57b2f2
```
#57b2f2 rgb(87,178,242)
```
#57a5f2
```
#57a5f2 rgb(87,165,242)
```
#5798f2
```
#5798f2 rgb(87,152,242)
```

Similar Colors

Text with hexadecimal color #57bff2

This text has a font color of #57bff2.

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

#57bff2 background color

This paragraph has a background color of #57bff2.

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

#57bff2 border color

This element has a border color of #57bff2.

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

CSS codes

.text {color:#57bff2;}

.background {background-color:#57bff2;}

.border {border:1px solid #57bff2;}

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

#010a0e
```
#010a0e rgb(1,10,14)
```
#021620
```
#021620 rgb(2,22,32)
```
#042332
```
#042332 rgb(4,35,50)
```
#053045
```
#053045 rgb(5,48,69)
```
#073d57
```
#073d57 rgb(7,61,87)
```
#084969
```
#084969 rgb(8,73,105)
```
#0a567b
```
#0a567b rgb(10,86,123)
```
#0b638e
```
#0b638e rgb(11,99,142)
```
#0c6fa0
```
#0c6fa0 rgb(12,111,160)
```
#0e7cb2
```
#0e7cb2 rgb(14,124,178)
```
#0f89c4
```
#0f89c4 rgb(15,137,196)
```
#1195d6
```
#1195d6 rgb(17,149,214)
```
#12a2e9
```
#12a2e9 rgb(18,162,233)
```

Shade Color Variation

#20aaee
```
#20aaee rgb(32,170,238)
```
#33b1ef
```
#33b1ef rgb(51,177,239)
```
#45b8f1
```
#45b8f1 rgb(69,184,241)
```
#57bff2
```
#57bff2 rgb(87,191,242)
```
#69c6f3
```
#69c6f3 rgb(105,198,243)
```
#7bcdf5
```
#7bcdf5 rgb(123,205,245)
```
#8ed4f6
```
#8ed4f6 rgb(142,212,246)
```
#a0dbf8
```
#a0dbf8 rgb(160,219,248)
```
#b2e2f9
```
#b2e2f9 rgb(178,226,249)
```
#c4e9fa
```
#c4e9fa rgb(196,233,250)
```
#d6f0fc
```
#d6f0fc rgb(214,240,252)
```
#e9f6fd
```
#e9f6fd rgb(233,246,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#a4a5a5
```
#a4a5a5 rgb(164,165,165)
```
#9da7ac
```
#9da7ac rgb(157,167,172)
```
#96aab3
```
#96aab3 rgb(150,170,179)
```
#8facba
```
#8facba rgb(143,172,186)
```
#88aec1
```
#88aec1 rgb(136,174,193)
```
#81b1c8
```
#81b1c8 rgb(129,177,200)
```
#7ab3cf
```
#7ab3cf rgb(122,179,207)
```
#73b5d6
```
#73b5d6 rgb(115,181,214)
```
#6cb8dd
```
#6cb8dd rgb(108,184,221)
```
#65bae4
```
#65bae4 rgb(101,186,228)
```
#5ebdeb
```
#5ebdeb rgb(94,189,235)
```
#57bff2
```
#57bff2 rgb(87,191,242)
```
#50c1f9
```
#50c1f9 rgb(80,193,249)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#96abb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b6ea Protanopia 1% of men
#a1b6f7 Deuteranopia 1% of men
#4cc7d6 Tritanopia 0.001% of the population

Trichromacy

#8bb9ed Protanomaly 1% of men, 0.01% of women
#86b9f5 Deuteranomaly 6% of men, 0.4% of women
#50c4e0 Tritanomaly 0.01% of the population

#57bff2 hex color

#57bff2 Color Information

#57bff2 Color Conversion

Color Schemes with #57bff2

Alternatives to #57bff2

#57bff2 Preview

Shades and Tints of #57bff2

Tones of #57bff2

Color Blindness Simulator