colorhexa.com

#53d2fe hex color

In a RGB color space, hex #53d2fe is composed of 32.5% red, 82.4% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 17.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 195.4 degrees, a saturation of 98.8% and a lightness of 66.1%. #53d2fe color hex could be obtained by blending #a6ffff with #00a5fd. Closest websafe color is: #66ccff.

- R 33
- G 82
- B 100
RGB color chart
- C 67
- M 17
- Y 0
- K 0
CMYK color chart

● #53d2fe color description : Soft blue.

The hexadecimal color #53d2fe has RGB values of R:83, G:210, B:254 and CMYK values of C:0.67, M:0.17, Y:0, K:0. Its decimal value is 5493502.

Hex triplet	53d2fe	`#53d2fe`
RGB Decimal	83, 210, 254	`rgb(83,210,254)`
RGB Percent	32.5, 82.4, 99.6	`rgb(32.5%,82.4%,99.6%)`
CMYK	67, 17, 0, 0
HSL	195.4°, 98.8, 66.1	`hsl(195.4,98.8%,66.1%)`
HSV (or HSB)	195.4°, 67.3, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.09, -21.625, -31.776
XYZ	44.499, 55.084, 102.048
xyY	0.221, 0.273, 55.084
CIE-LCH	79.09, 38.436, 235.763
CIE-LUV	79.09, -47.913, -48.424
Hunter-Lab	74.219, -22.862, -29.568
Binary	01010011, 11010010, 11111110

#53d2fe
```
#53d2fe rgb(83,210,254)
```
#fe7f53
```
#fe7f53 rgb(254,127,83)
```

Complementary Color

#53fed5
```
#53fed5 rgb(83,254,213)
```
#53d2fe
```
#53d2fe rgb(83,210,254)
```
#537dfe
```
#537dfe rgb(83,125,254)
```

Analogous Color

#fed553
```
#fed553 rgb(254,213,83)
```
#53d2fe
```
#53d2fe rgb(83,210,254)
```
#fe537d
```
#fe537d rgb(254,83,125)
```

Split Complementary Color

#d2fe53
```
#d2fe53 rgb(210,254,83)
```
#53d2fe
```
#53d2fe rgb(83,210,254)
```
#fe53d2
```
#fe53d2 rgb(254,83,210)
```

Triadic Color

#53fe7f
```
#53fe7f rgb(83,254,127)
```
#53d2fe
```
#53d2fe rgb(83,210,254)
```
#fe53d2
```
#fe53d2 rgb(254,83,210)
```
#fe7f53
```
#fe7f53 rgb(254,127,83)
```

Tetradic Color

#07befe
```
#07befe rgb(7,190,254)
```
#20c5fe
```
#20c5fe rgb(32,197,254)
```
#3acbfe
```
#3acbfe rgb(58,203,254)
```
#53d2fe
```
#53d2fe rgb(83,210,254)
```
#6cd9fe
```
#6cd9fe rgb(108,217,254)
```
#86dffe
```
#86dffe rgb(134,223,254)
```
#9fe6fe
```
#9fe6fe rgb(159,230,254)
```

Monochromatic Color

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

#53fdfe
```
#53fdfe rgb(83,253,254)
```
#53effe
```
#53effe rgb(83,239,254)
```
#53e0fe
```
#53e0fe rgb(83,224,254)
```
#53d2fe
```
#53d2fe rgb(83,210,254)
```
#53c4fe
```
#53c4fe rgb(83,196,254)
```
#53b6fe
```
#53b6fe rgb(83,182,254)
```
#53a7fe
```
#53a7fe rgb(83,167,254)
```

Similar Colors

Text with hexadecimal color #53d2fe

This text has a font color of #53d2fe.

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

#53d2fe background color

This paragraph has a background color of #53d2fe.

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

#53d2fe border color

This element has a border color of #53d2fe.

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

CSS codes

.text {color:#53d2fe;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001117
```
#001117 rgb(0,17,23)
```
#00202b
```
#00202b rgb(0,32,43)
```
#002e3e
```
#002e3e rgb(0,46,62)
```
#003d52
```
#003d52 rgb(0,61,82)
```
#014b65
```
#014b65 rgb(1,75,101)
```
#015a79
```
#015a79 rgb(1,90,121)
```
#01688c
```
#01688c rgb(1,104,140)
```
#0177a0
```
#0177a0 rgb(1,119,160)
```
#0185b3
```
#0185b3 rgb(1,133,179)
```
#0194c7
```
#0194c7 rgb(1,148,199)
```
#01a2da
```
#01a2da rgb(1,162,218)
```
#01b1ee
```
#01b1ee rgb(1,177,238)
```

Shade Color Variation

#05befe
```
#05befe rgb(5,190,254)
```
#18c3fe
```
#18c3fe rgb(24,195,254)
```
#2cc8fe
```
#2cc8fe rgb(44,200,254)
```
#3fcdfe
```
#3fcdfe rgb(63,205,254)
```
#53d2fe
```
#53d2fe rgb(83,210,254)
```
#67d7fe
```
#67d7fe rgb(103,215,254)
```
#7adcfe
```
#7adcfe rgb(122,220,254)
```
#8ee1fe
```
#8ee1fe rgb(142,225,254)
```
#a1e6fe
```
#a1e6fe rgb(161,230,254)
```
#b5ecff
```
#b5ecff rgb(181,236,255)
```
#c8f1ff
```
#c8f1ff rgb(200,241,255)
```
#dcf6ff
```
#dcf6ff rgb(220,246,255)
```
#effbff
```
#effbff rgb(239,251,255)
```

Tint Color Variation

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

#a3abae
```
#a3abae rgb(163,171,174)
```
#9caeb5
```
#9caeb5 rgb(156,174,181)
```
#96b2bb
```
#96b2bb rgb(150,178,187)
```
#8fb5c2
```
#8fb5c2 rgb(143,181,194)
```
#88b8c9
```
#88b8c9 rgb(136,184,201)
```
#82bbcf
```
#82bbcf rgb(130,187,207)
```
#7bbfd6
```
#7bbfd6 rgb(123,191,214)
```
#74c2dd
```
#74c2dd rgb(116,194,221)
```
#6ec5e3
```
#6ec5e3 rgb(110,197,227)
```
#67c8ea
```
#67c8ea rgb(103,200,234)
```
#60ccf1
```
#60ccf1 rgb(96,204,241)
```
#5acff7
```
#5acff7 rgb(90,207,247)
```
#53d2fe
```
#53d2fe rgb(83,210,254)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#9eb8c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac5f4 Protanopia 1% of men
#b6c4ff Deuteranopia 1% of men
#4ad8e8 Tritanopia 0.001% of the population

Trichromacy

#95c9f7 Protanomaly 1% of men, 0.01% of women
#92c9fe Deuteranomaly 6% of men, 0.4% of women
#4dd6f0 Tritanomaly 0.01% of the population