#59b3ff Color Information
In a RGB color space, hex #59b3ff is composed of 34.9% red, 70.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 29.8% magenta, 0% yellow and 0% black. It has a hue angle of 207.5 degrees, a saturation of 100% and a lightness of 67.5%. #59b3ff color hex could be obtained by blending #b2ffff with #0067ff. Closest websafe color is: #66ccff.
-
- R 35
- G 70
- B 100
-
- C 65
- M 30
- Y 0
- K 0
● #59b3ff color description : Light blue.
#59b3ff Color Conversion
The hexadecimal color #59b3ff has RGB values of R:89, G:179, B:255 and CMYK values of C:0.65, M:0.3, Y:0, K:0. Its decimal value is 5878783.
| Hex triplet | 59b3ff | #59b3ff |
|---|---|---|
| RGB Decimal | 89, 179, 255 | rgb(89,179,255) |
| RGB Percent | 34.9, 70.2, 100 | rgb(34.9%,70.2%,100%) |
| CMYK | 65, 30, 0, 0 | |
| HSL | 207.5°, 100, 67.5 | hsl(207.5,100%,67.5%) |
| HSV (or HSB) | 207.5°, 65.1, 100 | |
| Web Safe | 66ccff | #66ccff |
| CIE-LAB | 70.581, -3.932, -45.523 |
|---|---|
| XYZ | 38.286, 41.581, 100.611 |
| xyY | 0.212, 0.23, 41.581 |
| CIE-LCH | 70.581, 45.692, 265.063 |
| CIE-LUV | 70.581, -35.74, -73.463 |
| Hunter-Lab | 64.484, -6.866, -47.369 |
| Binary | 01011001, 10110011, 11111111 |
Color Schemes with #59b3ff
Alternatives to #59b3ff
Below, you can see some colors close to #59b3ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#59b3ff Preview
This text has a font color of #59b3ff.
<span style="color:#59b3ff;">Text here</span>
This paragraph has a background color of #59b3ff.
<p style="background-color:#59b3ff;">Content here</p>
This element has a border color of #59b3ff.
<div style="border:1px solid #59b3ff;">Content here</div>
.text {color:#59b3ff;}
.background {background-color:#59b3ff;}
.border {border:1px solid #59b3ff;}
Shades and Tints of #59b3ff
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, #00060b is the darkest color, while #f6fbff is the lightest one.
-
#00060b
#00060brgb(0,6,11) -
#00101e
#00101ergb(0,16,30) -
#001b32
#001b32rgb(0,27,50) -
#002645
#002645rgb(0,38,69) -
#003059
#003059rgb(0,48,89) -
#003b6d
#003b6drgb(0,59,109) -
#004680
#004680rgb(0,70,128) -
#005094
#005094rgb(0,80,148) -
#005ba7
#005ba7rgb(0,91,167) -
#0065bb
#0065bbrgb(0,101,187) -
#0070cf
#0070cfrgb(0,112,207) -
#007be2
#007be2rgb(0,123,226) -
#0085f6
#0085f6rgb(0,133,246)
-
#0b8fff
#0b8fffrgb(11,143,255) -
#1e98ff
#1e98ffrgb(30,152,255) -
#32a1ff
#32a1ffrgb(50,161,255) -
#45aaff
#45aaffrgb(69,170,255) -
#59b3ff
#59b3ffrgb(89,179,255) -
#6dbcff
#6dbcffrgb(109,188,255) -
#80c5ff
#80c5ffrgb(128,197,255) -
#94ceff
#94ceffrgb(148,206,255) -
#a7d7ff
#a7d7ffrgb(167,215,255) -
#bbe0ff
#bbe0ffrgb(187,224,255) -
#cfe9ff
#cfe9ffrgb(207,233,255) -
#e2f2ff
#e2f2ffrgb(226,242,255) -
#f6fbff
#f6fbffrgb(246,251,255)
Tones of #59b3ff
A tone is produced by adding gray to any pure hue. In this case, #a6adb2 is the less saturated color, while #59b3ff is the most saturated one.
-
#a6adb2
#a6adb2rgb(166,173,178) -
#9fadb9
#9fadb9rgb(159,173,185) -
#99aebf
#99aebfrgb(153,174,191) -
#92aec6
#92aec6rgb(146,174,198) -
#8cafcc
#8cafccrgb(140,175,204) -
#86afd2
#86afd2rgb(134,175,210) -
#7fb0d9
#7fb0d9rgb(127,176,217) -
#79b0df
#79b0dfrgb(121,176,223) -
#73b1e5
#73b1e5rgb(115,177,229) -
#6cb1ec
#6cb1ecrgb(108,177,236) -
#66b2f2
#66b2f2rgb(102,178,242) -
#5fb2f9
#5fb2f9rgb(95,178,249) -
#59b3ff
#59b3ffrgb(89,179,255)
Color Blindness Simulator
Below, you can see how #59b3ff 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.
