#2f5ac3 Color Information
In a RGB color space, hex #2f5ac3 is composed of 18.4% red, 35.3% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 53.8% magenta, 0% yellow and 23.5% black. It has a hue angle of 222.6 degrees, a saturation of 61.2% and a lightness of 47.5%. #2f5ac3 color hex could be obtained by blending #5eb4ff with #000087. Closest websafe color is: #3366cc.
-
- R 18
- G 35
- B 76
-
- C 76
- M 54
- Y 0
- K 24
● #2f5ac3 color description : Strong blue.
#2f5ac3 Color Conversion
The hexadecimal color #2f5ac3 has RGB values of R:47, G:90, B:195 and CMYK values of C:0.76, M:0.54, Y:0, K:0.24. Its decimal value is 3103427.
Hex triplet | 2f5ac3 | #2f5ac3 |
---|---|---|
RGB Decimal | 47, 90, 195 | rgb(47,90,195) |
RGB Percent | 18.4, 35.3, 76.5 | rgb(18.4%,35.3%,76.5%) |
CMYK | 76, 54, 0, 24 | |
HSL | 222.6°, 61.2, 47.5 | hsl(222.6,61.2%,47.5%) |
HSV (or HSB) | 222.6°, 75.9, 76.5 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 40.986, 22.617, -59.215 |
---|---|
XYZ | 14.677, 11.856, 53.142 |
xyY | 0.184, 0.149, 11.856 |
CIE-LCH | 40.986, 63.387, 290.904 |
CIE-LUV | 40.986, -16.533, -87.996 |
Hunter-Lab | 34.432, 15.829, -67.404 |
Binary | 00101111, 01011010, 11000011 |
Color Schemes with #2f5ac3
Alternatives to #2f5ac3
Below, you can see some colors close to #2f5ac3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f5ac3 Preview
This text has a font color of #2f5ac3.
<span style="color:#2f5ac3;">Text here</span>
This paragraph has a background color of #2f5ac3.
<p style="background-color:#2f5ac3;">Content here</p>
This element has a border color of #2f5ac3.
<div style="border:1px solid #2f5ac3;">Content here</div>
.text {color:#2f5ac3;}
.background {background-color:#2f5ac3;}
.border {border:1px solid #2f5ac3;}
Shades and Tints of #2f5ac3
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, #010205 is the darkest color, while #f5f7fc is the lightest one.
-
#010205
#010205
rgb(1,2,5)
-
#050a15
#050a15
rgb(5,10,21)
-
#091125
#091125
rgb(9,17,37)
-
#0d1835
#0d1835
rgb(13,24,53)
-
#112045
#112045
rgb(17,32,69)
-
#142754
#142754
rgb(20,39,84)
-
#182e64
#182e64
rgb(24,46,100)
-
#1c3674
#1c3674
rgb(28,54,116)
-
#203d84
#203d84
rgb(32,61,132)
-
#244494
#244494
rgb(36,68,148)
-
#274ba3
#274ba3
rgb(39,75,163)
-
#2b53b3
#2b53b3
rgb(43,83,179)
-
#2f5ac3
#2f5ac3
rgb(47,90,195)
-
#3763cf
#3763cf
rgb(55,99,207)
-
#476fd3
#476fd3
rgb(71,111,211)
-
#567cd6
#567cd6
rgb(86,124,214)
-
#6688da
#6688da
rgb(102,136,218)
-
#7694de
#7694de
rgb(118,148,222)
-
#86a1e2
#86a1e2
rgb(134,161,226)
-
#96ade6
#96ade6
rgb(150,173,230)
-
#a5b9e9
#a5b9e9
rgb(165,185,233)
-
#b5c6ed
#b5c6ed
rgb(181,198,237)
-
#c5d2f1
#c5d2f1
rgb(197,210,241)
-
#d5def5
#d5def5
rgb(213,222,245)
-
#e5ebf9
#e5ebf9
rgb(229,235,249)
-
#f5f7fc
#f5f7fc
rgb(245,247,252)
Tones of #2f5ac3
A tone is produced by adding gray to any pure hue. In this case, #707582 is the less saturated color, while #0047f2 is the most saturated one.
-
#707582
#707582
rgb(112,117,130)
-
#67718b
#67718b
rgb(103,113,139)
-
#5e6d94
#5e6d94
rgb(94,109,148)
-
#546a9e
#546a9e
rgb(84,106,158)
-
#4b66a7
#4b66a7
rgb(75,102,167)
-
#4262b0
#4262b0
rgb(66,98,176)
-
#385eba
#385eba
rgb(56,94,186)
-
#2f5ac3
#2f5ac3
rgb(47,90,195)
-
#2656cc
#2656cc
rgb(38,86,204)
-
#1c52d6
#1c52d6
rgb(28,82,214)
-
#134edf
#134edf
rgb(19,78,223)
-
#0a4ae8
#0a4ae8
rgb(10,74,232)
-
#0047f2
#0047f2
rgb(0,71,242)
Color Blindness Simulator
Below, you can see how #2f5ac3 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.