#2f5aa0 Color Information
In a RGB color space, hex #2f5aa0 is composed of 18.4% red, 35.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 43.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 217.2 degrees, a saturation of 54.6% and a lightness of 40.6%. #2f5aa0 color hex could be obtained by blending #5eb4ff with #000041. Closest websafe color is: #336699.
-
- R 18
- G 35
- B 63
-
- C 71
- M 44
- Y 0
- K 37
● #2f5aa0 color description : Dark blue.
#2f5aa0 Color Conversion
The hexadecimal color #2f5aa0 has RGB values of R:47, G:90, B:160 and CMYK values of C:0.71, M:0.44, Y:0, K:0.37. Its decimal value is 3103392.
Hex triplet | 2f5aa0 | #2f5aa0 |
---|---|---|
RGB Decimal | 47, 90, 160 | rgb(47,90,160) |
RGB Percent | 18.4, 35.3, 62.7 | rgb(18.4%,35.3%,62.7%) |
CMYK | 71, 44, 0, 37 | |
HSL | 217.2°, 54.6, 40.6 | hsl(217.2,54.6%,40.6%) |
HSV (or HSB) | 217.2°, 70.6, 62.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 38.645, 9.388, -42.376 |
---|---|
XYZ | 11.172, 10.454, 34.685 |
xyY | 0.198, 0.186, 10.454 |
CIE-LCH | 38.645, 43.403, 282.491 |
CIE-LUV | 38.645, -16.862, -61.532 |
Hunter-Lab | 32.333, 5.097, -40.971 |
Binary | 00101111, 01011010, 10100000 |
Color Schemes with #2f5aa0
Alternatives to #2f5aa0
Below, you can see some colors close to #2f5aa0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f5aa0 Preview
This text has a font color of #2f5aa0.
<span style="color:#2f5aa0;">Text here</span>
This paragraph has a background color of #2f5aa0.
<p style="background-color:#2f5aa0;">Content here</p>
This element has a border color of #2f5aa0.
<div style="border:1px solid #2f5aa0;">Content here</div>
.text {color:#2f5aa0;}
.background {background-color:#2f5aa0;}
.border {border:1px solid #2f5aa0;}
Shades and Tints of #2f5aa0
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, #020508 is the darkest color, while #f8fafd is the lightest one.
-
#020508
#020508
rgb(2,5,8)
-
#070d18
#070d18
rgb(7,13,24)
-
#0b1627
#0b1627
rgb(11,22,39)
-
#101e36
#101e36
rgb(16,30,54)
-
#142745
#142745
rgb(20,39,69)
-
#192f54
#192f54
rgb(25,47,84)
-
#1d3863
#1d3863
rgb(29,56,99)
-
#224073
#224073
rgb(34,64,115)
-
#264982
#264982
rgb(38,73,130)
-
#2b5191
#2b5191
rgb(43,81,145)
-
#2f5aa0
#2f5aa0
rgb(47,90,160)
-
#3363af
#3363af
rgb(51,99,175)
-
#386bbe
#386bbe
rgb(56,107,190)
-
#4275c8
#4275c8
rgb(66,117,200)
-
#5180cc
#5180cc
rgb(81,128,204)
-
#618bd0
#618bd0
rgb(97,139,208)
-
#7096d5
#7096d5
rgb(112,150,213)
-
#7fa1d9
#7fa1d9
rgb(127,161,217)
-
#8eacde
#8eacde
rgb(142,172,222)
-
#9db8e2
#9db8e2
rgb(157,184,226)
-
#acc3e7
#acc3e7
rgb(172,195,231)
-
#bcceeb
#bcceeb
rgb(188,206,235)
-
#cbd9f0
#cbd9f0
rgb(203,217,240)
-
#dae4f4
#dae4f4
rgb(218,228,244)
-
#e9eff9
#e9eff9
rgb(233,239,249)
-
#f8fafd
#f8fafd
rgb(248,250,253)
Tones of #2f5aa0
A tone is produced by adding gray to any pure hue. In this case, #676768 is the less saturated color, while #0750c8 is the most saturated one.
-
#676768
#676768
rgb(103,103,104)
-
#5f6570
#5f6570
rgb(95,101,112)
-
#576478
#576478
rgb(87,100,120)
-
#4f6280
#4f6280
rgb(79,98,128)
-
#476088
#476088
rgb(71,96,136)
-
#3f5e90
#3f5e90
rgb(63,94,144)
-
#375c98
#375c98
rgb(55,92,152)
-
#2f5aa0
#2f5aa0
rgb(47,90,160)
-
#2758a8
#2758a8
rgb(39,88,168)
-
#1f56b0
#1f56b0
rgb(31,86,176)
-
#1754b8
#1754b8
rgb(23,84,184)
-
#0f52c0
#0f52c0
rgb(15,82,192)
-
#0750c8
#0750c8
rgb(7,80,200)
Color Blindness Simulator
Below, you can see how #2f5aa0 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.