colorhexa.com

#53dafb hex color

In a RGB color space, hex #53dafb is composed of 32.5% red, 85.5% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 13.1% magenta, 0% yellow and 1.6% black. It has a hue angle of 191.8 degrees, a saturation of 95.5% and a lightness of 65.5%. #53dafb color hex could be obtained by blending #a6ffff with #00b5f7. Closest websafe color is: #66ccff.

- R 33
- G 85
- B 98
RGB color chart
- C 67
- M 13
- Y 0
- K 2
CMYK color chart

● #53dafb color description : Soft cyan.

The hexadecimal color #53dafb has RGB values of R:83, G:218, B:251 and CMYK values of C:0.67, M:0.13, Y:0, K:0.02. Its decimal value is 5495547.

Hex triplet	53dafb	`#53dafb`
RGB Decimal	83, 218, 251	`rgb(83,218,251)`
RGB Percent	32.5, 85.5, 98.4	`rgb(32.5%,85.5%,98.4%)`
CMYK	67, 13, 0, 2
HSL	191.8°, 95.5, 65.5	`hsl(191.8,95.5%,65.5%)`
HSV (or HSB)	191.8°, 66.9, 98.4
Web Safe	66ccff	`#66ccff`

CIE-LAB	81.26, -26.529, -26.853
XYZ	46.047, 58.943, 100.212
xyY	0.224, 0.287, 58.943
CIE-LCH	81.26, 37.748, 225.348
CIE-LUV	81.26, -50.913, -39.441
Hunter-Lab	76.774, -27.297, -23.648
Binary	01010011, 11011010, 11111011

#53dafb
```
#53dafb rgb(83,218,251)
```
#fb7453
```
#fb7453 rgb(251,116,83)
```

Complementary Color

#53fbc8
```
#53fbc8 rgb(83,251,200)
```
#53dafb
```
#53dafb rgb(83,218,251)
```
#5386fb
```
#5386fb rgb(83,134,251)
```

Analogous Color

#fbc853
```
#fbc853 rgb(251,200,83)
```
#53dafb
```
#53dafb rgb(83,218,251)
```
#fb5386
```
#fb5386 rgb(251,83,134)
```

Split Complementary Color

#dafb53
```
#dafb53 rgb(218,251,83)
```
#53dafb
```
#53dafb rgb(83,218,251)
```
#fb53da
```
#fb53da rgb(251,83,218)
```

Triadic Color

#53fb74
```
#53fb74 rgb(83,251,116)
```
#53dafb
```
#53dafb rgb(83,218,251)
```
#fb53da
```
#fb53da rgb(251,83,218)
```
#fb7453
```
#fb7453 rgb(251,116,83)
```

Tetradic Color

#08caf9
```
#08caf9 rgb(8,202,249)
```
#21cffa
```
#21cffa rgb(33,207,250)
```
#3ad5fa
```
#3ad5fa rgb(58,213,250)
```
#53dafb
```
#53dafb rgb(83,218,251)
```
#6cdffc
```
#6cdffc rgb(108,223,252)
```
#85e5fc
```
#85e5fc rgb(133,229,252)
```
#9eeafd
```
#9eeafd rgb(158,234,253)
```

Monochromatic Color

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

#53fbf2
```
#53fbf2 rgb(83,251,242)
```
#53f6fb
```
#53f6fb rgb(83,246,251)
```
#53e8fb
```
#53e8fb rgb(83,232,251)
```
#53dafb
```
#53dafb rgb(83,218,251)
```
#53ccfb
```
#53ccfb rgb(83,204,251)
```
#53befb
```
#53befb rgb(83,190,251)
```
#53b0fb
```
#53b0fb rgb(83,176,251)
```

Similar Colors

Text with hexadecimal color #53dafb

This text has a font color of #53dafb.

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

#53dafb background color

This paragraph has a background color of #53dafb.

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

#53dafb border color

This element has a border color of #53dafb.

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

CSS codes

.text {color:#53dafb;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#001014
```
#001014 rgb(0,16,20)
```
#011f27
```
#011f27 rgb(1,31,39)
```
#012f3a
```
#012f3a rgb(1,47,58)
```
#023e4d
```
#023e4d rgb(2,62,77)
```
#024e60
```
#024e60 rgb(2,78,96)
```
#035d74
```
#035d74 rgb(3,93,116)
```
#036d87
```
#036d87 rgb(3,109,135)
```
#047c9a
```
#047c9a rgb(4,124,154)
```
#048cad
```
#048cad rgb(4,140,173)
```
#049bc0
```
#049bc0 rgb(4,155,192)
```
#05abd3
```
#05abd3 rgb(5,171,211)
```
#05bae7
```
#05bae7 rgb(5,186,231)
```

Shade Color Variation

#06caf9
```
#06caf9 rgb(6,202,249)
```
#19cefa
```
#19cefa rgb(25,206,250)
```
#2dd2fa
```
#2dd2fa rgb(45,210,250)
```
#40d6fb
```
#40d6fb rgb(64,214,251)
```
#53dafb
```
#53dafb rgb(83,218,251)
```
#66defb
```
#66defb rgb(102,222,251)
```
#79e2fc
```
#79e2fc rgb(121,226,252)
```
#8de6fc
```
#8de6fc rgb(141,230,252)
```
#a0eafd
```
#a0eafd rgb(160,234,253)
```
#b3effd
```
#b3effd rgb(179,239,253)
```
#c6f3fe
```
#c6f3fe rgb(198,243,254)
```
#d9f7fe
```
#d9f7fe rgb(217,247,254)
```
#ecfbff
```
#ecfbff rgb(236,251,255)
```

Tint Color Variation

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

#a4a9aa
```
#a4a9aa rgb(164,169,170)
```
#9dadb1
```
#9dadb1 rgb(157,173,177)
```
#97b1b7
```
#97b1b7 rgb(151,177,183)
```
#90b5be
```
#90b5be rgb(144,181,190)
```
#89b9c5
```
#89b9c5 rgb(137,185,197)
```
#82bdcc
```
#82bdcc rgb(130,189,204)
```
#7cc1d2
```
#7cc1d2 rgb(124,193,210)
```
#75c5d9
```
#75c5d9 rgb(117,197,217)
```
#6ecae0
```
#6ecae0 rgb(110,202,224)
```
#67cee7
```
#67cee7 rgb(103,206,231)
```
#61d2ed
```
#61d2ed rgb(97,210,237)
```
#5ad6f4
```
#5ad6f4 rgb(90,214,244)
```
#53dafb
```
#53dafb rgb(83,218,251)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a1bcc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4caf0 Protanopia 1% of men
#c2c9ff Deuteranopia 1% of men
#52deee Tritanopia 0.001% of the population

Trichromacy

#9bd0f4 Protanomaly 1% of men, 0.01% of women
#99cffd Deuteranomaly 6% of men, 0.4% of women
#52dcf3 Tritanomaly 0.01% of the population