#5f98e4 Color Information
In a RGB color space, hex #5f98e4 is composed of 37.3% red, 59.6% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 33.3% magenta, 0% yellow and 10.6% black. It has a hue angle of 214.3 degrees, a saturation of 71.1% and a lightness of 63.3%. #5f98e4 color hex could be obtained by blending #beffff with #0031c9. Closest websafe color is: #6699cc.
-
- R 37
- G 60
- B 89
-
- C 58
- M 33
- Y 0
- K 11
● #5f98e4 color description : Soft blue.
#5f98e4 Color Conversion
The hexadecimal color #5f98e4 has RGB values of R:95, G:152, B:228 and CMYK values of C:0.58, M:0.33, Y:0, K:0.11. Its decimal value is 6265060.
Hex triplet | 5f98e4 | #5f98e4 |
---|---|---|
RGB Decimal | 95, 152, 228 | rgb(95,152,228) |
RGB Percent | 37.3, 59.6, 89.4 | rgb(37.3%,59.6%,89.4%) |
CMYK | 58, 33, 0, 11 | |
HSL | 214.3°, 71.1, 63.3 | hsl(214.3,71.1%,63.3%) |
HSV (or HSB) | 214.3°, 58.3, 89.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 62.074, 3.71, -44.115 |
---|---|
XYZ | 29.948, 30.489, 77.701 |
xyY | 0.217, 0.221, 30.489 |
CIE-LCH | 62.074, 44.271, 274.807 |
CIE-LUV | 62.074, -25.461, -70.551 |
Hunter-Lab | 55.217, 0.184, -44.781 |
Binary | 01011111, 10011000, 11100100 |
Color Schemes with #5f98e4
Alternatives to #5f98e4
Below, you can see some colors close to #5f98e4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f98e4 Preview
This text has a font color of #5f98e4.
<span style="color:#5f98e4;">Text here</span>
This paragraph has a background color of #5f98e4.
<p style="background-color:#5f98e4;">Content here</p>
This element has a border color of #5f98e4.
<div style="border:1px solid #5f98e4;">Content here</div>
.text {color:#5f98e4;}
.background {background-color:#5f98e4;}
.border {border:1px solid #5f98e4;}
Shades and Tints of #5f98e4
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, #010408 is the darkest color, while #f6f9fd is the lightest one.
-
#010408
#010408
rgb(1,4,8)
-
#040d19
#040d19
rgb(4,13,25)
-
#071629
#071629
rgb(7,22,41)
-
#0a1f3a
#0a1f3a
rgb(10,31,58)
-
#0d274b
#0d274b
rgb(13,39,75)
-
#0f305c
#0f305c
rgb(15,48,92)
-
#12396d
#12396d
rgb(18,57,109)
-
#15427d
#15427d
rgb(21,66,125)
-
#184b8e
#184b8e
rgb(24,75,142)
-
#1b539f
#1b539f
rgb(27,83,159)
-
#1e5cb0
#1e5cb0
rgb(30,92,176)
-
#2065c0
#2065c0
rgb(32,101,192)
-
#236ed1
#236ed1
rgb(35,110,209)
-
#2d78dc
#2d78dc
rgb(45,120,220)
-
#3d82de
#3d82de
rgb(61,130,222)
-
#4e8de1
#4e8de1
rgb(78,141,225)
-
#5f98e4
#5f98e4
rgb(95,152,228)
-
#70a3e7
#70a3e7
rgb(112,163,231)
-
#81aeea
#81aeea
rgb(129,174,234)
-
#91b8ec
#91b8ec
rgb(145,184,236)
-
#a2c3ef
#a2c3ef
rgb(162,195,239)
-
#b3cef2
#b3cef2
rgb(179,206,242)
-
#c4d9f5
#c4d9f5
rgb(196,217,245)
-
#d4e4f8
#d4e4f8
rgb(212,228,248)
-
#e5eefb
#e5eefb
rgb(229,238,251)
-
#f6f9fd
#f6f9fd
rgb(246,249,253)
Tones of #5f98e4
A tone is produced by adding gray to any pure hue. In this case, #a0a1a3 is the less saturated color, while #4995fa is the most saturated one.
-
#a0a1a3
#a0a1a3
rgb(160,161,163)
-
#99a0aa
#99a0aa
rgb(153,160,170)
-
#919fb2
#919fb2
rgb(145,159,178)
-
#8a9eb9
#8a9eb9
rgb(138,158,185)
-
#839dc0
#839dc0
rgb(131,157,192)
-
#7c9cc7
#7c9cc7
rgb(124,156,199)
-
#759bce
#759bce
rgb(117,155,206)
-
#6d9ad6
#6d9ad6
rgb(109,154,214)
-
#6699dd
#6699dd
rgb(102,153,221)
-
#5f98e4
#5f98e4
rgb(95,152,228)
-
#5897eb
#5897eb
rgb(88,151,235)
-
#5196f2
#5196f2
rgb(81,150,242)
-
#4995fa
#4995fa
rgb(73,149,250)
Color Blindness Simulator
Below, you can see how #5f98e4 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.