#53e4f6 hex color

In a RGB color space, hex #53e4f6 is composed of 32.5% red, 89.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 7.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 186.6 degrees, a saturation of 90.1% and a lightness of 64.5%. #53e4f6 color hex could be obtained by blending #a6ffff with #00c9ed. Closest websafe color is: #66ccff.

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

● #53e4f6 color description : Soft cyan.

The hexadecimal color #53e4f6 has RGB values of R:83, G:228, B:246 and CMYK values of C:0.66, M:0.07, Y:0, K:0.04. Its decimal value is 5498102.

Hex triplet	53e4f6	`#53e4f6`
RGB Decimal	83, 228, 246	`rgb(83,228,246)`
RGB Percent	32.5, 89.4, 96.5	`rgb(32.5%,89.4%,96.5%)`
CMYK	66, 7, 0, 4
HSL	186.6°, 90.1, 64.5	`hsl(186.6,90.1%,64.5%)`
HSV (or HSB)	186.6°, 66.3, 96.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	83.953, -32.824, -20.113
XYZ	47.94, 63.976, 97.006
xyY	0.229, 0.306, 63.976
CIE-LCH	83.953, 38.497, 211.498
CIE-LUV	83.953, -54.756, -27.228
Hunter-Lab	79.985, -32.986, -15.918
Binary	01010011, 11100100, 11110110

#53e4f6
```
#53e4f6 rgb(83,228,246)
```
#f66553
```
#f66553 rgb(246,101,83)
```

Complementary Color

#53f6b7
```
#53f6b7 rgb(83,246,183)
```
#53e4f6
```
#53e4f6 rgb(83,228,246)
```
#5393f6
```
#5393f6 rgb(83,147,246)
```

Analogous Color

#f6b753
```
#f6b753 rgb(246,183,83)
```
#53e4f6
```
#53e4f6 rgb(83,228,246)
```
#f65393
```
#f65393 rgb(246,83,147)
```

Split Complementary Color

#e4f653
```
#e4f653 rgb(228,246,83)
```
#53e4f6
```
#53e4f6 rgb(83,228,246)
```
#f653e4
```
#f653e4 rgb(246,83,228)
```

Triadic Color

#53f665
```
#53f665 rgb(83,246,101)
```
#53e4f6
```
#53e4f6 rgb(83,228,246)
```
#f653e4
```
#f653e4 rgb(246,83,228)
```
#f66553
```
#f66553 rgb(246,101,83)
```

Tetradic Color

#0dd7f0
```
#0dd7f0 rgb(13,215,240)
```
#23dcf3
```
#23dcf3 rgb(35,220,243)
```
#3be0f5
```
#3be0f5 rgb(59,224,245)
```
#53e4f6
```
#53e4f6 rgb(83,228,246)
```
#6be8f7
```
#6be8f7 rgb(107,232,247)
```
#83ecf9
```
#83ecf9 rgb(131,236,249)
```
#9ceffa
```
#9ceffa rgb(156,239,250)
```

Monochromatic Color

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

#53f6df
```
#53f6df rgb(83,246,223)
```
#53f6ed
```
#53f6ed rgb(83,246,237)
```
#53f2f6
```
#53f2f6 rgb(83,242,246)
```
#53e4f6
```
#53e4f6 rgb(83,228,246)
```
#53d6f6
```
#53d6f6 rgb(83,214,246)
```
#53c9f6
```
#53c9f6 rgb(83,201,246)
```
#53bbf6
```
#53bbf6 rgb(83,187,246)
```

Similar Colors

Text with hexadecimal color #53e4f6

This text has a font color of #53e4f6.

<span style="color:#53e4f6;">Text here</span>

#53e4f6 background color

This paragraph has a background color of #53e4f6.

<p style="background-color:#53e4f6;">Content here</p>

#53e4f6 border color

This element has a border color of #53e4f6.

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

CSS codes

.text {color:#53e4f6;}

.background {background-color:#53e4f6;}

.border {border:1px solid #53e4f6;}

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

#010d0e
```
#010d0e rgb(1,13,14)
```
#021e21
```
#021e21 rgb(2,30,33)
```
#032e34
```
#032e34 rgb(3,46,52)
```
#043f46
```
#043f46 rgb(4,63,70)
```
#055059
```
#055059 rgb(5,80,89)
```
#06606c
```
#06606c rgb(6,96,108)
```
#07717e
```
#07717e rgb(7,113,126)
```
#088291
```
#088291 rgb(8,130,145)
```
#0992a4
```
#0992a4 rgb(9,146,164)
```
#0aa3b6
```
#0aa3b6 rgb(10,163,182)
```
#0bb4c9
```
#0bb4c9 rgb(11,180,201)
```
#0bc4db
```
#0bc4db rgb(11,196,219)
```
#0cd5ee
```
#0cd5ee rgb(12,213,238)
```

Shade Color Variation

#1bdbf3
```
#1bdbf3 rgb(27,219,243)
```
#2edef4
```
#2edef4 rgb(46,222,244)
```
#40e1f5
```
#40e1f5 rgb(64,225,245)
```
#53e4f6
```
#53e4f6 rgb(83,228,246)
```
#66e7f7
```
#66e7f7 rgb(102,231,247)
```
#78eaf8
```
#78eaf8 rgb(120,234,248)
```
#8bedf9
```
#8bedf9 rgb(139,237,249)
```
#9ef0fa
```
#9ef0fa rgb(158,240,250)
```
#b0f3fb
```
#b0f3fb rgb(176,243,251)
```
#c3f6fc
```
#c3f6fc rgb(195,246,252)
```
#d5f8fd
```
#d5f8fd rgb(213,248,253)
```
#e8fbfe
```
#e8fbfe rgb(232,251,254)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#a0a8a9
```
#a0a8a9 rgb(160,168,169)
```
#99aeb0
```
#99aeb0 rgb(153,174,176)
```
#92b3b7
```
#92b3b7 rgb(146,179,183)
```
#8bb9be
```
#8bb9be rgb(139,185,190)
```
#84bec5
```
#84bec5 rgb(132,190,197)
```
#7dc3cc
```
#7dc3cc rgb(125,195,204)
```
#76c9d3
```
#76c9d3 rgb(118,201,211)
```
#6fceda
```
#6fceda rgb(111,206,218)
```
#68d4e1
```
#68d4e1 rgb(104,212,225)
```
#61d9e8
```
#61d9e8 rgb(97,217,232)
```
#5adfef
```
#5adfef rgb(90,223,239)
```
#53e4f6
```
#53e4f6 rgb(83,228,246)
```
#4ce9fd
```
#4ce9fd rgb(76,233,253)
```

Tone Color Variation

Below, you can see how #53e4f6 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

#bbbbbb Achromatopsia 0.005% of the population
#a6c3c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd2eb Protanopia 1% of men
#d0cffe Deuteranopia 1% of men
#5be5f6 Tritanopia 0.001% of the population

Trichromacy

#a2d8ef Protanomaly 1% of men, 0.01% of women
#a2d7fb Deuteranomaly 6% of men, 0.4% of women
#58e4f6 Tritanomaly 0.01% of the population

#53e4f6 hex color

#53e4f6 Color Information

#53e4f6 Color Conversion

Color Schemes with #53e4f6

Alternatives to #53e4f6

#53e4f6 Preview

Shades and Tints of #53e4f6

Tones of #53e4f6

Color Blindness Simulator