#53daf2 hex color

In a RGB color space, hex #53daf2 is composed of 32.5% red, 85.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 9.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 189.1 degrees, a saturation of 85.9% and a lightness of 63.7%. #53daf2 color hex could be obtained by blending #a6ffff with #00b5e5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 33
- G 85
- B 95
RGB color chart
- C 66
- M 10
- Y 0
- K 5
CMYK color chart

● #53daf2 color description : Soft cyan.

The hexadecimal color #53daf2 has RGB values of R:83, G:218, B:242 and CMYK values of C:0.66, M:0.1, Y:0, K:0.05. Its decimal value is 5495538.

Hex triplet	53daf2	`#53daf2`
RGB Decimal	83, 218, 242	`rgb(83,218,242)`
RGB Percent	32.5, 85.5, 94.9	`rgb(32.5%,85.5%,94.9%)`
CMYK	66, 10, 0, 5
HSL	189.1°, 85.9, 63.7	`hsl(189.1,85.9%,63.7%)`
HSV (or HSB)	189.1°, 65.7, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.955, -29.19, -22.54
XYZ	44.661, 58.389, 92.916
xyY	0.228, 0.298, 58.389
CIE-LCH	80.955, 36.879, 217.674
CIE-LUV	80.955, -51.436, -31.723
Hunter-Lab	76.413, -29.393, -18.606
Binary	01010011, 11011010, 11110010

#53daf2
```
#53daf2 rgb(83,218,242)
```
#f26b53
```
#f26b53 rgb(242,107,83)
```

Complementary Color

#53f2bb
```
#53f2bb rgb(83,242,187)
```
#53daf2
```
#53daf2 rgb(83,218,242)
```
#538bf2
```
#538bf2 rgb(83,139,242)
```

Analogous Color

#f2bb53
```
#f2bb53 rgb(242,187,83)
```
#53daf2
```
#53daf2 rgb(83,218,242)
```
#f2538b
```
#f2538b rgb(242,83,139)
```

Split Complementary Color

#daf253
```
#daf253 rgb(218,242,83)
```
#53daf2
```
#53daf2 rgb(83,218,242)
```
#f253da
```
#f253da rgb(242,83,218)
```

Triadic Color

#53f26b
```
#53f26b rgb(83,242,107)
```
#53daf2
```
#53daf2 rgb(83,218,242)
```
#f253da
```
#f253da rgb(242,83,218)
```
#f26b53
```
#f26b53 rgb(242,107,83)
```

Tetradic Color

#11c7e7
```
#11c7e7 rgb(17,199,231)
```
#24d0ee
```
#24d0ee rgb(36,208,238)
```
#3bd5f0
```
#3bd5f0 rgb(59,213,240)
```
#53daf2
```
#53daf2 rgb(83,218,242)
```
#6bdff4
```
#6bdff4 rgb(107,223,244)
```
#82e4f6
```
#82e4f6 rgb(130,228,246)
```
#9ae9f7
```
#9ae9f7 rgb(154,233,247)
```

Monochromatic Color

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

#53f2e2
```
#53f2e2 rgb(83,242,226)
```
#53f2f0
```
#53f2f0 rgb(83,242,240)
```
#53e7f2
```
#53e7f2 rgb(83,231,242)
```
#53daf2
```
#53daf2 rgb(83,218,242)
```
#53cdf2
```
#53cdf2 rgb(83,205,242)
```
#53c0f2
```
#53c0f2 rgb(83,192,242)
```
#53b2f2
```
#53b2f2 rgb(83,178,242)
```

Similar Colors

Text with hexadecimal color #53daf2

This text has a font color of #53daf2.

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

#53daf2 background color

This paragraph has a background color of #53daf2.

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

#53daf2 border color

This element has a border color of #53daf2.

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

CSS codes

.text {color:#53daf2;}

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

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

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, #01090a is the darkest color, while #f7fdfe is the lightest one.

#01090a
```
#01090a rgb(1,9,10)
```
#02191d
```
#02191d rgb(2,25,29)
```
#04282f
```
#04282f rgb(4,40,47)
```
#053841
```
#053841 rgb(5,56,65)
```
#064853
```
#064853 rgb(6,72,83)
```
#085766
```
#085766 rgb(8,87,102)
```
#096778
```
#096778 rgb(9,103,120)
```
#0a778a
```
#0a778a rgb(10,119,138)
```
#0c869c
```
#0c869c rgb(12,134,156)
```
#0d96af
```
#0d96af rgb(13,150,175)
```
#0fa6c1
```
#0fa6c1 rgb(15,166,193)
```
#10b6d3
```
#10b6d3 rgb(16,182,211)
```
#11c5e5
```
#11c5e5 rgb(17,197,229)
```

Shade Color Variation

#1cceee
```
#1cceee rgb(28,206,238)
```
#2fd2ef
```
#2fd2ef rgb(47,210,239)
```
#41d6f1
```
#41d6f1 rgb(65,214,241)
```
#53daf2
```
#53daf2 rgb(83,218,242)
```
#65def3
```
#65def3 rgb(101,222,243)
```
#77e2f5
```
#77e2f5 rgb(119,226,245)
```
#8ae6f6
```
#8ae6f6 rgb(138,230,246)
```
#9ceaf8
```
#9ceaf8 rgb(156,234,248)
```
#aeeef9
```
#aeeef9 rgb(174,238,249)
```
#c0f2fa
```
#c0f2fa rgb(192,242,250)
```
#d3f5fc
```
#d3f5fc rgb(211,245,252)
```
#e5f9fd
```
#e5f9fd rgb(229,249,253)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

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

#a1a3a4
```
#a1a3a4 rgb(161,163,164)
```
#9aa8ab
```
#9aa8ab rgb(154,168,171)
```
#93adb2
```
#93adb2 rgb(147,173,178)
```
#8cb2b9
```
#8cb2b9 rgb(140,178,185)
```
#85b7c0
```
#85b7c0 rgb(133,183,192)
```
#7ebcc7
```
#7ebcc7 rgb(126,188,199)
```
#77c1ce
```
#77c1ce rgb(119,193,206)
```
#6fc6d6
```
#6fc6d6 rgb(111,198,214)
```
#68cbdd
```
#68cbdd rgb(104,203,221)
```
#61d0e4
```
#61d0e4 rgb(97,208,228)
```
#5ad5eb
```
#5ad5eb rgb(90,213,235)
```
#53daf2
```
#53daf2 rgb(83,218,242)
```
#4cdff9
```
#4cdff9 rgb(76,223,249)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#a1bcc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6cae7 Protanopia 1% of men
#c5c8fa Deuteranopia 1% of men
#58dced Tritanopia 0.001% of the population

Trichromacy

#9ccfeb Protanomaly 1% of men, 0.01% of women
#9bcef7 Deuteranomaly 6% of men, 0.4% of women
#56dbee Tritanomaly 0.01% of the population

#53daf2 hex color

#53daf2 Color Information

#53daf2 Color Conversion

Color Schemes with #53daf2

Alternatives to #53daf2

#53daf2 Preview

Shades and Tints of #53daf2

Tones of #53daf2

Color Blindness Simulator