#53def2 hex color

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

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

● #53def2 color description : Soft cyan.

The hexadecimal color #53def2 has RGB values of R:83, G:222, B:242 and CMYK values of C:0.66, M:0.08, Y:0, K:0.05. Its decimal value is 5496562.

Hex triplet	53def2	`#53def2`
RGB Decimal	83, 222, 242	`rgb(83,222,242)`
RGB Percent	32.5, 87.1, 94.9	`rgb(32.5%,87.1%,94.9%)`
CMYK	66, 8, 0, 5
HSL	187.5°, 85.9, 63.7	`hsl(187.5,85.9%,63.7%)`
HSV (or HSB)	187.5°, 65.7, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	82.103, -31.118, -20.797
XYZ	45.711, 60.488, 93.266
xyY	0.229, 0.303, 60.488
CIE-LCH	82.103, 37.428, 213.756
CIE-LUV	82.103, -52.863, -28.558
Hunter-Lab	77.774, -31.194, -16.658
Binary	01010011, 11011110, 11110010

#53def2
```
#53def2 rgb(83,222,242)
```
#f26753
```
#f26753 rgb(242,103,83)
```

Complementary Color

#53f2b7
```
#53f2b7 rgb(83,242,183)
```
#53def2
```
#53def2 rgb(83,222,242)
```
#538ff2
```
#538ff2 rgb(83,143,242)
```

Analogous Color

#f2b753
```
#f2b753 rgb(242,183,83)
```
#53def2
```
#53def2 rgb(83,222,242)
```
#f2538f
```
#f2538f rgb(242,83,143)
```

Split Complementary Color

#def253
```
#def253 rgb(222,242,83)
```
#53def2
```
#53def2 rgb(83,222,242)
```
#f253de
```
#f253de rgb(242,83,222)
```

Triadic Color

#53f267
```
#53f267 rgb(83,242,103)
```
#53def2
```
#53def2 rgb(83,222,242)
```
#f253de
```
#f253de rgb(242,83,222)
```
#f26753
```
#f26753 rgb(242,103,83)
```

Tetradic Color

#11cce7
```
#11cce7 rgb(17,204,231)
```
#24d5ee
```
#24d5ee rgb(36,213,238)
```
#3bd9f0
```
#3bd9f0 rgb(59,217,240)
```
#53def2
```
#53def2 rgb(83,222,242)
```
#6be3f4
```
#6be3f4 rgb(107,227,244)
```
#82e7f6
```
#82e7f6 rgb(130,231,246)
```
#9aecf7
```
#9aecf7 rgb(154,236,247)
```

Monochromatic Color

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

#53f2de
```
#53f2de rgb(83,242,222)
```
#53f2ec
```
#53f2ec rgb(83,242,236)
```
#53ebf2
```
#53ebf2 rgb(83,235,242)
```
#53def2
```
#53def2 rgb(83,222,242)
```
#53d1f2
```
#53d1f2 rgb(83,209,242)
```
#53c4f2
```
#53c4f2 rgb(83,196,242)
```
#53b6f2
```
#53b6f2 rgb(83,182,242)
```

Similar Colors

Text with hexadecimal color #53def2

This text has a font color of #53def2.

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

#53def2 background color

This paragraph has a background color of #53def2.

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

#53def2 border color

This element has a border color of #53def2.

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

CSS codes

.text {color:#53def2;}

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

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

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)
```
#04292f
```
#04292f rgb(4,41,47)
```
#053a41
```
#053a41 rgb(5,58,65)
```
#064a53
```
#064a53 rgb(6,74,83)
```
#085a66
```
#085a66 rgb(8,90,102)
```
#096a78
```
#096a78 rgb(9,106,120)
```
#0a7a8a
```
#0a7a8a rgb(10,122,138)
```
#0c8a9c
```
#0c8a9c rgb(12,138,156)
```
#0d9aaf
```
#0d9aaf rgb(13,154,175)
```
#0faac1
```
#0faac1 rgb(15,170,193)
```
#10bad3
```
#10bad3 rgb(16,186,211)
```
#11cbe5
```
#11cbe5 rgb(17,203,229)
```

Shade Color Variation

#1cd4ee
```
#1cd4ee rgb(28,212,238)
```
#2fd7ef
```
#2fd7ef rgb(47,215,239)
```
#41dbf1
```
#41dbf1 rgb(65,219,241)
```
#53def2
```
#53def2 rgb(83,222,242)
```
#65e1f3
```
#65e1f3 rgb(101,225,243)
```
#77e5f5
```
#77e5f5 rgb(119,229,245)
```
#8ae8f6
```
#8ae8f6 rgb(138,232,246)
```
#9cecf8
```
#9cecf8 rgb(156,236,248)
```
#aeeff9
```
#aeeff9 rgb(174,239,249)
```
#c0f3fa
```
#c0f3fa rgb(192,243,250)
```
#d3f6fc
```
#d3f6fc rgb(211,246,252)
```
#e5fafd
```
#e5fafd rgb(229,250,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 #4ce3f9 is the most saturated one.

#a1a3a4
```
#a1a3a4 rgb(161,163,164)
```
#9aa9ab
```
#9aa9ab rgb(154,169,171)
```
#93aeb2
```
#93aeb2 rgb(147,174,178)
```
#8cb3b9
```
#8cb3b9 rgb(140,179,185)
```
#85b9c0
```
#85b9c0 rgb(133,185,192)
```
#7ebec7
```
#7ebec7 rgb(126,190,199)
```
#77c3ce
```
#77c3ce rgb(119,195,206)
```
#6fc9d6
```
#6fc9d6 rgb(111,201,214)
```
#68cedd
```
#68cedd rgb(104,206,221)
```
#61d3e4
```
#61d3e4 rgb(97,211,228)
```
#5ad9eb
```
#5ad9eb rgb(90,217,235)
```
#53def2
```
#53def2 rgb(83,222,242)
```
#4ce3f9
```
#4ce3f9 rgb(76,227,249)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#a3bfc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cacde7 Protanopia 1% of men
#cacafa Deuteranopia 1% of men
#5ae0f0 Tritanopia 0.001% of the population

Trichromacy

#9fd3eb Protanomaly 1% of men, 0.01% of women
#9fd1f7 Deuteranomaly 6% of men, 0.4% of women
#57dff1 Tritanomaly 0.01% of the population

#53def2 hex color

#53def2 Color Information

#53def2 Color Conversion

Color Schemes with #53def2

Alternatives to #53def2

#53def2 Preview

Shades and Tints of #53def2

Tones of #53def2

Color Blindness Simulator