#5299f6 Color Information
In a RGB color space, hex #5299f6 is composed of 32.2% red, 60% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 37.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 214 degrees, a saturation of 90.1% and a lightness of 64.3%. #5299f6 color hex could be obtained by blending #a4ffff with #0033ed. Closest websafe color is: #6699ff.
-
- R 32
- G 60
- B 96
-
- C 67
- M 38
- Y 0
- K 4
● #5299f6 color description : Soft blue.
#5299f6 Color Conversion
The hexadecimal color #5299f6 has RGB values of R:82, G:153, B:246 and CMYK values of C:0.67, M:0.38, Y:0, K:0.04. Its decimal value is 5413366.
Hex triplet | 5299f6 | #5299f6 |
---|---|---|
RGB Decimal | 82, 153, 246 | rgb(82,153,246) |
RGB Percent | 32.2, 60, 96.5 | rgb(32.2%,60%,96.5%) |
CMYK | 67, 38, 0, 4 | |
HSL | 214°, 90.1, 64.3 | hsl(214,90.1%,64.3%) |
HSV (or HSB) | 214°, 66.7, 96.5 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 62.7, 6.798, -53.08 |
---|---|
XYZ | 31.502, 31.228, 91.551 |
xyY | 0.204, 0.202, 31.228 |
CIE-LCH | 62.7, 53.514, 277.298 |
CIE-LUV | 62.7, -28.66, -85.984 |
Hunter-Lab | 55.882, 2.83, -58.017 |
Binary | 01010010, 10011001, 11110110 |
Color Schemes with #5299f6
Alternatives to #5299f6
Below, you can see some colors close to #5299f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5299f6 Preview
This text has a font color of #5299f6.
<span style="color:#5299f6;">Text here</span>
This paragraph has a background color of #5299f6.
<p style="background-color:#5299f6;">Content here</p>
This element has a border color of #5299f6.
<div style="border:1px solid #5299f6;">Content here</div>
.text {color:#5299f6;}
.background {background-color:#5299f6;}
.border {border:1px solid #5299f6;}
Shades and Tints of #5299f6
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
#01060d
rgb(1,6,13)
-
#020f20
#020f20
rgb(2,15,32)
-
#031733
#031733
rgb(3,23,51)
-
#042045
#042045
rgb(4,32,69)
-
#052958
#052958
rgb(5,41,88)
-
#06316b
#06316b
rgb(6,49,107)
-
#073a7d
#073a7d
rgb(7,58,125)
-
#074390
#074390
rgb(7,67,144)
-
#084ba3
#084ba3
rgb(8,75,163)
-
#0954b5
#0954b5
rgb(9,84,181)
-
#0a5cc8
#0a5cc8
rgb(10,92,200)
-
#0b65db
#0b65db
rgb(11,101,219)
-
#0c6eed
#0c6eed
rgb(12,110,237)
-
#1a78f3
#1a78f3
rgb(26,120,243)
-
#2d83f4
#2d83f4
rgb(45,131,244)
-
#3f8ef5
#3f8ef5
rgb(63,142,245)
-
#5299f6
#5299f6
rgb(82,153,246)
-
#65a4f7
#65a4f7
rgb(101,164,247)
-
#77aff8
#77aff8
rgb(119,175,248)
-
#8abaf9
#8abaf9
rgb(138,186,249)
-
#9dc5fa
#9dc5fa
rgb(157,197,250)
-
#afd0fb
#afd0fb
rgb(175,208,251)
-
#c2dbfc
#c2dbfc
rgb(194,219,252)
-
#d5e6fd
#d5e6fd
rgb(213,230,253)
-
#e7f1fe
#e7f1fe
rgb(231,241,254)
-
#fafcff
#fafcff
rgb(250,252,255)
Tones of #5299f6
A tone is produced by adding gray to any pure hue. In this case, #9fa3a9 is the less saturated color, while #4b98fd is the most saturated one.
-
#9fa3a9
#9fa3a9
rgb(159,163,169)
-
#98a2b0
#98a2b0
rgb(152,162,176)
-
#91a1b7
#91a1b7
rgb(145,161,183)
-
#8aa1be
#8aa1be
rgb(138,161,190)
-
#83a0c5
#83a0c5
rgb(131,160,197)
-
#7c9fcc
#7c9fcc
rgb(124,159,204)
-
#759ed3
#759ed3
rgb(117,158,211)
-
#6e9dda
#6e9dda
rgb(110,157,218)
-
#679ce1
#679ce1
rgb(103,156,225)
-
#609be8
#609be8
rgb(96,155,232)
-
#599aef
#599aef
rgb(89,154,239)
-
#5299f6
#5299f6
rgb(82,153,246)
-
#4b98fd
#4b98fd
rgb(75,152,253)
Color Blindness Simulator
Below, you can see how #5299f6 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.