#53b4f4 Color Information
In a RGB color space, hex #53b4f4 is composed of 32.5% red, 70.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 26.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 203.9 degrees, a saturation of 88% and a lightness of 64.1%. #53b4f4 color hex could be obtained by blending #a6ffff with #0069e9. Closest websafe color is: #66ccff.
-
- R 33
- G 71
- B 96
-
- C 66
- M 26
- Y 0
- K 4
● #53b4f4 color description : Soft blue.
#53b4f4 Color Conversion
The hexadecimal color #53b4f4 has RGB values of R:83, G:180, B:244 and CMYK values of C:0.66, M:0.26, Y:0, K:0.04. Its decimal value is 5485812.
Hex triplet | 53b4f4 | #53b4f4 |
---|---|---|
RGB Decimal | 83, 180, 244 | rgb(83,180,244) |
RGB Percent | 32.5, 70.6, 95.7 | rgb(32.5%,70.6%,95.7%) |
CMYK | 66, 26, 0, 4 | |
HSL | 203.9°, 88, 64.1 | hsl(203.9,88%,64.1%) |
HSV (or HSB) | 203.9°, 66, 95.7 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 70.183, -9.002, -40.204 |
---|---|
XYZ | 36.214, 41.01, 91.59 |
xyY | 0.215, 0.243, 41.01 |
CIE-LCH | 70.183, 41.2, 257.38 |
CIE-LUV | 70.183, -37.803, -63.691 |
Hunter-Lab | 64.039, -11.129, -39.97 |
Binary | 01010011, 10110100, 11110100 |
Color Schemes with #53b4f4
Alternatives to #53b4f4
Below, you can see some colors close to #53b4f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#53b4f4 Preview
This text has a font color of #53b4f4.
<span style="color:#53b4f4;">Text here</span>
This paragraph has a background color of #53b4f4.
<p style="background-color:#53b4f4;">Content here</p>
This element has a border color of #53b4f4.
<div style="border:1px solid #53b4f4;">Content here</div>
.text {color:#53b4f4;}
.background {background-color:#53b4f4;}
.border {border:1px solid #53b4f4;}
Shades and Tints of #53b4f4
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, #01080c is the darkest color, while #f9fcff is the lightest one.
-
#01080c
#01080c
rgb(1,8,12)
-
#02131f
#02131f
rgb(2,19,31)
-
#031f31
#031f31
rgb(3,31,49)
-
#042a44
#042a44
rgb(4,42,68)
-
#063656
#063656
rgb(6,54,86)
-
#074269
#074269
rgb(7,66,105)
-
#084d7b
#084d7b
rgb(8,77,123)
-
#09598d
#09598d
rgb(9,89,141)
-
#0a64a0
#0a64a0
rgb(10,100,160)
-
#0b70b2
#0b70b2
rgb(11,112,178)
-
#0d7cc5
#0d7cc5
rgb(13,124,197)
-
#0e87d7
#0e87d7
rgb(14,135,215)
-
#0f93ea
#0f93ea
rgb(15,147,234)
-
#1c9cf0
#1c9cf0
rgb(28,156,240)
-
#2ea4f2
#2ea4f2
rgb(46,164,242)
-
#41acf3
#41acf3
rgb(65,172,243)
-
#53b4f4
#53b4f4
rgb(83,180,244)
-
#65bcf5
#65bcf5
rgb(101,188,245)
-
#78c4f6
#78c4f6
rgb(120,196,246)
-
#8accf8
#8accf8
rgb(138,204,248)
-
#9dd4f9
#9dd4f9
rgb(157,212,249)
-
#afdcfa
#afdcfa
rgb(175,220,250)
-
#c2e4fb
#c2e4fb
rgb(194,228,251)
-
#d4ecfc
#d4ecfc
rgb(212,236,252)
-
#e6f4fd
#e6f4fd
rgb(230,244,253)
-
#f9fcff
#f9fcff
rgb(249,252,255)
Tones of #53b4f4
A tone is produced by adding gray to any pure hue. In this case, #a0a4a7 is the less saturated color, while #4cb5fb is the most saturated one.
-
#a0a4a7
#a0a4a7
rgb(160,164,167)
-
#99a6ae
#99a6ae
rgb(153,166,174)
-
#92a7b5
#92a7b5
rgb(146,167,181)
-
#8ba8bc
#8ba8bc
rgb(139,168,188)
-
#84aac3
#84aac3
rgb(132,170,195)
-
#7dabca
#7dabca
rgb(125,171,202)
-
#76add1
#76add1
rgb(118,173,209)
-
#6faed8
#6faed8
rgb(111,174,216)
-
#68b0df
#68b0df
rgb(104,176,223)
-
#61b1e6
#61b1e6
rgb(97,177,230)
-
#5ab3ed
#5ab3ed
rgb(90,179,237)
-
#53b4f4
#53b4f4
rgb(83,180,244)
-
#4cb5fb
#4cb5fb
rgb(76,181,251)
Color Blindness Simulator
Below, you can see how #53b4f4 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.