#53bdf6 hex color

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

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

● #53bdf6 color description : Soft blue.

The hexadecimal color #53bdf6 has RGB values of R:83, G:189, B:246 and CMYK values of C:0.66, M:0.23, Y:0, K:0.04. Its decimal value is 5488118.

Hex triplet	53bdf6	`#53bdf6`
RGB Decimal	83, 189, 246	`rgb(83,189,246)`
RGB Percent	32.5, 74.1, 96.5	`rgb(32.5%,74.1%,96.5%)`
CMYK	66, 23, 0, 4
HSL	201°, 90.1, 64.5	`hsl(201,90.1%,64.5%)`
HSV (or HSB)	201°, 66.3, 96.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.816, -13.213, -37.187
XYZ	38.395, 44.885, 93.824
xyY	0.217, 0.253, 44.885
CIE-LCH	72.816, 39.465, 250.439
CIE-LUV	72.816, -40.892, -58.294
Hunter-Lab	66.996, -14.946, -36.134
Binary	01010011, 10111101, 11110110

#53bdf6
```
#53bdf6 rgb(83,189,246)
```
#f68c53
```
#f68c53 rgb(246,140,83)
```

Complementary Color

#53f6de
```
#53f6de rgb(83,246,222)
```
#53bdf6
```
#53bdf6 rgb(83,189,246)
```
#536cf6
```
#536cf6 rgb(83,108,246)
```

Analogous Color

#f6de53
```
#f6de53 rgb(246,222,83)
```
#53bdf6
```
#53bdf6 rgb(83,189,246)
```
#f6536c
```
#f6536c rgb(246,83,108)
```

Split Complementary Color

#bdf653
```
#bdf653 rgb(189,246,83)
```
#53bdf6
```
#53bdf6 rgb(83,189,246)
```
#f653bd
```
#f653bd rgb(246,83,189)
```

Triadic Color

#53f68c
```
#53f68c rgb(83,246,140)
```
#53bdf6
```
#53bdf6 rgb(83,189,246)
```
#f653bd
```
#f653bd rgb(246,83,189)
```
#f68c53
```
#f68c53 rgb(246,140,83)
```

Tetradic Color

#0da0f0
```
#0da0f0 rgb(13,160,240)
```
#23aaf3
```
#23aaf3 rgb(35,170,243)
```
#3bb4f5
```
#3bb4f5 rgb(59,180,245)
```
#53bdf6
```
#53bdf6 rgb(83,189,246)
```
#6bc6f7
```
#6bc6f7 rgb(107,198,247)
```
#83d0f9
```
#83d0f9 rgb(131,208,249)
```
#9cd9fa
```
#9cd9fa rgb(156,217,250)
```

Monochromatic Color

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

#53e6f6
```
#53e6f6 rgb(83,230,246)
```
#53d8f6
```
#53d8f6 rgb(83,216,246)
```
#53cbf6
```
#53cbf6 rgb(83,203,246)
```
#53bdf6
```
#53bdf6 rgb(83,189,246)
```
#53aff6
```
#53aff6 rgb(83,175,246)
```
#53a2f6
```
#53a2f6 rgb(83,162,246)
```
#5394f6
```
#5394f6 rgb(83,148,246)
```

Similar Colors

Text with hexadecimal color #53bdf6

This text has a font color of #53bdf6.

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

#53bdf6 background color

This paragraph has a background color of #53bdf6.

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

#53bdf6 border color

This element has a border color of #53bdf6.

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

CSS codes

.text {color:#53bdf6;}

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

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

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

#010a0e
```
#010a0e rgb(1,10,14)
```
#021621
```
#021621 rgb(2,22,33)
```
#032334
```
#032334 rgb(3,35,52)
```
#042f46
```
#042f46 rgb(4,47,70)
```
#053b59
```
#053b59 rgb(5,59,89)
```
#06486c
```
#06486c rgb(6,72,108)
```
#07547e
```
#07547e rgb(7,84,126)
```
#086191
```
#086191 rgb(8,97,145)
```
#096da4
```
#096da4 rgb(9,109,164)
```
#0a7ab6
```
#0a7ab6 rgb(10,122,182)
```
#0b86c9
```
#0b86c9 rgb(11,134,201)
```
#0b93db
```
#0b93db rgb(11,147,219)
```
#0c9fee
```
#0c9fee rgb(12,159,238)
```

Shade Color Variation

#1ba8f3
```
#1ba8f3 rgb(27,168,243)
```
#2eaff4
```
#2eaff4 rgb(46,175,244)
```
#40b6f5
```
#40b6f5 rgb(64,182,245)
```
#53bdf6
```
#53bdf6 rgb(83,189,246)
```
#66c4f7
```
#66c4f7 rgb(102,196,247)
```
#78cbf8
```
#78cbf8 rgb(120,203,248)
```
#8bd2f9
```
#8bd2f9 rgb(139,210,249)
```
#9edafa
```
#9edafa rgb(158,218,250)
```
#b0e1fb
```
#b0e1fb rgb(176,225,251)
```
#c3e8fc
```
#c3e8fc rgb(195,232,252)
```
#d5effd
```
#d5effd rgb(213,239,253)
```
#e8f6fe
```
#e8f6fe rgb(232,246,254)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#a0a6a9
```
#a0a6a9 rgb(160,166,169)
```
#99a8b0
```
#99a8b0 rgb(153,168,176)
```
#92aab7
```
#92aab7 rgb(146,170,183)
```
#8bacbe
```
#8bacbe rgb(139,172,190)
```
#84aec5
```
#84aec5 rgb(132,174,197)
```
#7db0cc
```
#7db0cc rgb(125,176,204)
```
#76b3d3
```
#76b3d3 rgb(118,179,211)
```
#6fb5da
```
#6fb5da rgb(111,181,218)
```
#68b7e1
```
#68b7e1 rgb(104,183,225)
```
#61b9e8
```
#61b9e8 rgb(97,185,232)
```
#5abbef
```
#5abbef rgb(90,187,239)
```
#53bdf6
```
#53bdf6 rgb(83,189,246)
```
#4cbffd
```
#4cbffd rgb(76,191,253)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#94a9b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b4ee Protanopia 1% of men
#9bb5fa Deuteranopia 1% of men
#42c6d5 Tritanopia 0.001% of the population

Trichromacy

#87b7f1 Protanomaly 1% of men, 0.01% of women
#81b7f9 Deuteranomaly 6% of men, 0.4% of women
#48c3e1 Tritanomaly 0.01% of the population

#53bdf6 hex color

#53bdf6 Color Information

#53bdf6 Color Conversion

Color Schemes with #53bdf6

Alternatives to #53bdf6

#53bdf6 Preview

Shades and Tints of #53bdf6

Tones of #53bdf6

Color Blindness Simulator