#5f7dd2 Color Information
In a RGB color space, hex #5f7dd2 is composed of 37.3% red, 49% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 40.5% magenta, 0% yellow and 17.6% black. It has a hue angle of 224.3 degrees, a saturation of 56.1% and a lightness of 59.8%. #5f7dd2 color hex could be obtained by blending #befaff with #0000a5. Closest websafe color is: #6666cc.
-
- R 37
- G 49
- B 82
-
- C 55
- M 40
- Y 0
- K 18
● #5f7dd2 color description : Moderate blue.
#5f7dd2 Color Conversion
The hexadecimal color #5f7dd2 has RGB values of R:95, G:125, B:210 and CMYK values of C:0.55, M:0.4, Y:0, K:0.18. Its decimal value is 6258130.
Hex triplet | 5f7dd2 | #5f7dd2 |
---|---|---|
RGB Decimal | 95, 125, 210 | rgb(95,125,210) |
RGB Percent | 37.3, 49, 82.4 | rgb(37.3%,49%,82.4%) |
CMYK | 55, 40, 0, 18 | |
HSL | 224.3°, 56.1, 59.8 | hsl(224.3,56.1%,59.8%) |
HSV (or HSB) | 224.3°, 54.8, 82.4 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 53.763, 13.931, -47.183 |
---|---|
XYZ | 23.683, 21.752, 63.92 |
xyY | 0.217, 0.199, 21.752 |
CIE-LCH | 53.763, 49.197, 286.449 |
CIE-LUV | 53.763, -16.052, -74.753 |
Hunter-Lab | 46.639, 9.024, -48.611 |
Binary | 01011111, 01111101, 11010010 |
Color Schemes with #5f7dd2
Alternatives to #5f7dd2
Below, you can see some colors close to #5f7dd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f7dd2 Preview
This text has a font color of #5f7dd2.
<span style="color:#5f7dd2;">Text here</span>
This paragraph has a background color of #5f7dd2.
<p style="background-color:#5f7dd2;">Content here</p>
This element has a border color of #5f7dd2.
<div style="border:1px solid #5f7dd2;">Content here</div>
.text {color:#5f7dd2;}
.background {background-color:#5f7dd2;}
.border {border:1px solid #5f7dd2;}
Shades and Tints of #5f7dd2
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, #020408 is the darkest color, while #f8f9fd is the lightest one.
-
#020408
#020408
rgb(2,4,8)
-
#070b18
#070b18
rgb(7,11,24)
-
#0b1227
#0b1227
rgb(11,18,39)
-
#0f1936
#0f1936
rgb(15,25,54)
-
#142146
#142146
rgb(20,33,70)
-
#182855
#182855
rgb(24,40,85)
-
#1c2f64
#1c2f64
rgb(28,47,100)
-
#213674
#213674
rgb(33,54,116)
-
#253d83
#253d83
rgb(37,61,131)
-
#294592
#294592
rgb(41,69,146)
-
#2d4ca2
#2d4ca2
rgb(45,76,162)
-
#3253b1
#3253b1
rgb(50,83,177)
-
#365ac0
#365ac0
rgb(54,90,192)
-
#4064c9
#4064c9
rgb(64,100,201)
-
#5071ce
#5071ce
rgb(80,113,206)
-
#5f7dd2
#5f7dd2
rgb(95,125,210)
-
#6e89d6
#6e89d6
rgb(110,137,214)
-
#7e96db
#7e96db
rgb(126,150,219)
-
#8da2df
#8da2df
rgb(141,162,223)
-
#9cafe3
#9cafe3
rgb(156,175,227)
-
#acbbe8
#acbbe8
rgb(172,187,232)
-
#bbc8ec
#bbc8ec
rgb(187,200,236)
-
#cad4f0
#cad4f0
rgb(202,212,240)
-
#d9e1f4
#d9e1f4
rgb(217,225,244)
-
#e9edf9
#e9edf9
rgb(233,237,249)
-
#f8f9fd
#f8f9fd
rgb(248,249,253)
Tones of #5f7dd2
A tone is produced by adding gray to any pure hue. In this case, #96979b is the less saturated color, while #386af9 is the most saturated one.
-
#96979b
#96979b
rgb(150,151,155)
-
#8e94a3
#8e94a3
rgb(142,148,163)
-
#8690ab
#8690ab
rgb(134,144,171)
-
#7f8cb2
#7f8cb2
rgb(127,140,178)
-
#7788ba
#7788ba
rgb(119,136,186)
-
#6f85c2
#6f85c2
rgb(111,133,194)
-
#6781ca
#6781ca
rgb(103,129,202)
-
#5f7dd2
#5f7dd2
rgb(95,125,210)
-
#5779da
#5779da
rgb(87,121,218)
-
#4f75e2
#4f75e2
rgb(79,117,226)
-
#4772ea
#4772ea
rgb(71,114,234)
-
#3f6ef2
#3f6ef2
rgb(63,110,242)
-
#386af9
#386af9
rgb(56,106,249)
Color Blindness Simulator
Below, you can see how #5f7dd2 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.