#5592f3 Color Information
In a RGB color space, hex #5592f3 is composed of 33.3% red, 57.3% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 39.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 216.8 degrees, a saturation of 86.8% and a lightness of 64.3%. #5592f3 color hex could be obtained by blending #aaffff with #0025e7. Closest websafe color is: #6699ff.
-
- R 33
- G 57
- B 95
-
- C 65
- M 40
- Y 0
- K 5
● #5592f3 color description : Soft blue.
#5592f3 Color Conversion
The hexadecimal color #5592f3 has RGB values of R:85, G:146, B:243 and CMYK values of C:0.65, M:0.4, Y:0, K:0.05. Its decimal value is 5608179.
| Hex triplet | 5592f3 | #5592f3 |
|---|---|---|
| RGB Decimal | 85, 146, 243 | rgb(85,146,243) |
| RGB Percent | 33.3, 57.3, 95.3 | rgb(33.3%,57.3%,95.3%) |
| CMYK | 65, 40, 0, 5 | |
| HSL | 216.8°, 86.8, 64.3 | hsl(216.8,86.8%,64.3%) |
| HSV (or HSB) | 216.8°, 65, 95.3 | |
| Web Safe | 6699ff | #6699ff |
| CIE-LAB | 60.745, 10.388, -54.532 |
|---|---|
| XYZ | 30.199, 28.958, 88.787 |
| xyY | 0.204, 0.196, 28.958 |
| CIE-LCH | 60.745, 55.512, 280.786 |
| CIE-LUV | 60.745, -25.724, -88.266 |
| Hunter-Lab | 53.813, 6, -60.155 |
| Binary | 01010101, 10010010, 11110011 |
Color Schemes with #5592f3
Alternatives to #5592f3
Below, you can see some colors close to #5592f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5592f3 Preview
This text has a font color of #5592f3.
<span style="color:#5592f3;">Text here</span>
This paragraph has a background color of #5592f3.
<p style="background-color:#5592f3;">Content here</p>
This element has a border color of #5592f3.
<div style="border:1px solid #5592f3;">Content here</div>
.text {color:#5592f3;}
.background {background-color:#5592f3;}
.border {border:1px solid #5592f3;}
Shades and Tints of #5592f3
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, #01060d is the darkest color, while #fafcff is the lightest one.
-
#01060d
#01060drgb(1,6,13) -
#020e20
#020e20rgb(2,14,32) -
#041532
#041532rgb(4,21,50) -
#051d44
#051d44rgb(5,29,68) -
#062557
#062557rgb(6,37,87) -
#072d69
#072d69rgb(7,45,105) -
#09357b
#09357brgb(9,53,123) -
#0a3d8d
#0a3d8drgb(10,61,141) -
#0b45a0
#0b45a0rgb(11,69,160) -
#0d4cb2
#0d4cb2rgb(13,76,178) -
#0e54c4
#0e54c4rgb(14,84,196) -
#0f5cd7
#0f5cd7rgb(15,92,215) -
#1064e9
#1064e9rgb(16,100,233)
-
#1e6fef
#1e6fefrgb(30,111,239) -
#307bf0
#307bf0rgb(48,123,240) -
#4386f2
#4386f2rgb(67,134,242) -
#5592f3
#5592f3rgb(85,146,243) -
#679ef4
#679ef4rgb(103,158,244) -
#7aa9f6
#7aa9f6rgb(122,169,246) -
#8cb5f7
#8cb5f7rgb(140,181,247) -
#9ec1f8
#9ec1f8rgb(158,193,248) -
#b1cdf9
#b1cdf9rgb(177,205,249) -
#c3d8fb
#c3d8fbrgb(195,216,251) -
#d5e4fc
#d5e4fcrgb(213,228,252) -
#e8f0fd
#e8f0fdrgb(232,240,253) -
#fafcff
#fafcffrgb(250,252,255)
Tones of #5592f3
A tone is produced by adding gray to any pure hue. In this case, #a2a4a6 is the less saturated color, while #4e90fa is the most saturated one.
-
#a2a4a6
#a2a4a6rgb(162,164,166) -
#9ba2ad
#9ba2adrgb(155,162,173) -
#94a0b4
#94a0b4rgb(148,160,180) -
#8d9fbb
#8d9fbbrgb(141,159,187) -
#869dc2
#869dc2rgb(134,157,194) -
#7f9cc9
#7f9cc9rgb(127,156,201) -
#789ad0
#789ad0rgb(120,154,208) -
#7198d7
#7198d7rgb(113,152,215) -
#6a97de
#6a97dergb(106,151,222) -
#6395e5
#6395e5rgb(99,149,229) -
#5c94ec
#5c94ecrgb(92,148,236) -
#5592f3
#5592f3rgb(85,146,243) -
#4e90fa
#4e90fargb(78,144,250)
Color Blindness Simulator
Below, you can see how #5592f3 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.
