#2f54a2 Color Information
In a RGB color space, hex #2f54a2 is composed of 18.4% red, 32.9% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 48.1% magenta, 0% yellow and 36.5% black. It has a hue angle of 220.7 degrees, a saturation of 55% and a lightness of 41%. #2f54a2 color hex could be obtained by blending #5ea8ff with #000045. Closest websafe color is: #336699.
-
- R 18
- G 33
- B 64
-
- C 71
- M 48
- Y 0
- K 36
● #2f54a2 color description : Dark blue.
#2f54a2 Color Conversion
The hexadecimal color #2f54a2 has RGB values of R:47, G:84, B:162 and CMYK values of C:0.71, M:0.48, Y:0, K:0.36. Its decimal value is 3101858.
Hex triplet | 2f54a2 | #2f54a2 |
---|---|---|
RGB Decimal | 47, 84, 162 | rgb(47,84,162) |
RGB Percent | 18.4, 32.9, 63.5 | rgb(18.4%,32.9%,63.5%) |
CMYK | 71, 48, 0, 36 | |
HSL | 220.7°, 55, 41 | hsl(220.7,55%,41%) |
HSV (or HSB) | 220.7°, 71, 63.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.028, 14.077, -46.164 |
---|---|
XYZ | 10.863, 9.553, 35.452 |
xyY | 0.194, 0.171, 9.553 |
CIE-LCH | 37.028, 48.262, 286.958 |
CIE-LUV | 37.028, -14.945, -66.576 |
Hunter-Lab | 30.908, 8.647, -46.371 |
Binary | 00101111, 01010100, 10100010 |
Color Schemes with #2f54a2
Alternatives to #2f54a2
Below, you can see some colors close to #2f54a2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f54a2 Preview
This text has a font color of #2f54a2.
<span style="color:#2f54a2;">Text here</span>
This paragraph has a background color of #2f54a2.
<p style="background-color:#2f54a2;">Content here</p>
This element has a border color of #2f54a2.
<div style="border:1px solid #2f54a2;">Content here</div>
.text {color:#2f54a2;}
.background {background-color:#2f54a2;}
.border {border:1px solid #2f54a2;}
Shades and Tints of #2f54a2
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, #03050a is the darkest color, while #fafbfd is the lightest one.
-
#03050a
#03050a
rgb(3,5,10)
-
#070d19
#070d19
rgb(7,13,25)
-
#0c1528
#0c1528
rgb(12,21,40)
-
#101d38
#101d38
rgb(16,29,56)
-
#152547
#152547
rgb(21,37,71)
-
#192d56
#192d56
rgb(25,45,86)
-
#1d3465
#1d3465
rgb(29,52,101)
-
#223c74
#223c74
rgb(34,60,116)
-
#264484
#264484
rgb(38,68,132)
-
#2b4c93
#2b4c93
rgb(43,76,147)
-
#2f54a2
#2f54a2
rgb(47,84,162)
-
#335cb1
#335cb1
rgb(51,92,177)
-
#3864c0
#3864c0
rgb(56,100,192)
-
#436ec9
#436ec9
rgb(67,110,201)
-
#537acd
#537acd
rgb(83,122,205)
-
#6286d1
#6286d1
rgb(98,134,209)
-
#7191d6
#7191d6
rgb(113,145,214)
-
#809dda
#809dda
rgb(128,157,218)
-
#8fa9df
#8fa9df
rgb(143,169,223)
-
#9fb5e3
#9fb5e3
rgb(159,181,227)
-
#aec0e7
#aec0e7
rgb(174,192,231)
-
#bdccec
#bdccec
rgb(189,204,236)
-
#ccd8f0
#ccd8f0
rgb(204,216,240)
-
#dbe3f5
#dbe3f5
rgb(219,227,245)
-
#ebeff9
#ebeff9
rgb(235,239,249)
-
#fafbfd
#fafbfd
rgb(250,251,253)
Tones of #2f54a2
A tone is produced by adding gray to any pure hue. In this case, #67686a is the less saturated color, while #0746ca is the most saturated one.
-
#67686a
#67686a
rgb(103,104,106)
-
#5f6572
#5f6572
rgb(95,101,114)
-
#57627a
#57627a
rgb(87,98,122)
-
#4f5f82
#4f5f82
rgb(79,95,130)
-
#475d8a
#475d8a
rgb(71,93,138)
-
#3f5a92
#3f5a92
rgb(63,90,146)
-
#37579a
#37579a
rgb(55,87,154)
-
#2f54a2
#2f54a2
rgb(47,84,162)
-
#2751aa
#2751aa
rgb(39,81,170)
-
#1f4eb2
#1f4eb2
rgb(31,78,178)
-
#174bba
#174bba
rgb(23,75,186)
-
#0f49c2
#0f49c2
rgb(15,73,194)
-
#0746ca
#0746ca
rgb(7,70,202)
Color Blindness Simulator
Below, you can see how #2f54a2 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.