#2f48a6 hex color

In a RGB color space, hex #2f48a6 is composed of 18.4% red, 28.2% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 56.6% magenta, 0% yellow and 34.9% black. It has a hue angle of 227.4 degrees, a saturation of 55.9% and a lightness of 41.8%. #2f48a6 color hex could be obtained by blending #5e90ff with #00004d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 28
- B 65
RGB color chart
- C 72
- M 57
- Y 0
- K 35
CMYK color chart

● #2f48a6 color description : Dark blue.

The hexadecimal color #2f48a6 has RGB values of R:47, G:72, B:166 and CMYK values of C:0.72, M:0.57, Y:0, K:0.35. Its decimal value is 3098790.

Hex triplet	2f48a6	`#2f48a6`
RGB Decimal	47, 72, 166	`rgb(47,72,166)`
RGB Percent	18.4, 28.2, 65.1	`rgb(18.4%,28.2%,65.1%)`
CMYK	72, 57, 0, 35
HSL	227.4°, 55.9, 41.8	`hsl(227.4,55.9%,41.8%)`
HSV (or HSB)	227.4°, 71.7, 65.1
Web Safe	333399	`#333399`

CIE-LAB	33.965, 23.56, -53.506
XYZ	10.371, 7.992, 37.07
xyY	0.187, 0.144, 7.992
CIE-LCH	33.965, 58.464, 293.765
CIE-LUV	33.965, -11.493, -75.266
Hunter-Lab	28.269, 16.015, -57.96
Binary	00101111, 01001000, 10100110

#2f48a6
```
#2f48a6 rgb(47,72,166)
```
#a68d2f
```
#a68d2f rgb(166,141,47)
```

Complementary Color

#2f84a6
```
#2f84a6 rgb(47,132,166)
```
#2f48a6
```
#2f48a6 rgb(47,72,166)
```
#522fa6
```
#522fa6 rgb(82,47,166)
```

Analogous Color

#84a62f
```
#84a62f rgb(132,166,47)
```
#2f48a6
```
#2f48a6 rgb(47,72,166)
```
#a6522f
```
#a6522f rgb(166,82,47)
```

Split Complementary Color

#48a62f
```
#48a62f rgb(72,166,47)
```
#2f48a6
```
#2f48a6 rgb(47,72,166)
```
#a62f48
```
#a62f48 rgb(166,47,72)
```

Triadic Color

#2fa68d
```
#2fa68d rgb(47,166,141)
```
#2f48a6
```
#2f48a6 rgb(47,72,166)
```
#a62f48
```
#a62f48 rgb(166,47,72)
```
#a68d2f
```
#a68d2f rgb(166,141,47)
```

Tetradic Color

#1e2e6a
```
#1e2e6a rgb(30,46,106)
```
#24377e
```
#24377e rgb(36,55,126)
```
#293f92
```
#293f92 rgb(41,63,146)
```
#2f48a6
```
#2f48a6 rgb(47,72,166)
```
#3551ba
```
#3551ba rgb(53,81,186)
```
#3f5cc9
```
#3f5cc9 rgb(63,92,201)
```
#536dce
```
#536dce rgb(83,109,206)
```

Monochromatic Color

Below, you can see some colors close to #2f48a6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2f66a6
```
#2f66a6 rgb(47,102,166)
```
#2f5ca6
```
#2f5ca6 rgb(47,92,166)
```
#2f52a6
```
#2f52a6 rgb(47,82,166)
```
#2f48a6
```
#2f48a6 rgb(47,72,166)
```
#2f3ea6
```
#2f3ea6 rgb(47,62,166)
```
#2f34a6
```
#2f34a6 rgb(47,52,166)
```
#342fa6
```
#342fa6 rgb(52,47,166)
```

Similar Colors

Text with hexadecimal color #2f48a6

This text has a font color of #2f48a6.

<span style="color:#2f48a6;">Text here</span>

#2f48a6 background color

This paragraph has a background color of #2f48a6.

<p style="background-color:#2f48a6;">Content here</p>

#2f48a6 border color

This element has a border color of #2f48a6.

<div style="border:1px solid #2f48a6;">Content here</div>

CSS codes

.text {color:#2f48a6;}

.background {background-color:#2f48a6;}

.border {border:1px solid #2f48a6;}

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, #04060d is the darkest color, while #fdfdfe is the lightest one.

#04060d
```
#04060d rgb(4,6,13)
```
#080c1c
```
#080c1c rgb(8,12,28)
```
#0c132c
```
#0c132c rgb(12,19,44)
```
#111a3b
```
#111a3b rgb(17,26,59)
```
#15204a
```
#15204a rgb(21,32,74)
```
#19275a
```
#19275a rgb(25,39,90)
```
#1e2d69
```
#1e2d69 rgb(30,45,105)
```
#223478
```
#223478 rgb(34,52,120)
```
#263b87
```
#263b87 rgb(38,59,135)
```
#2b4197
```
#2b4197 rgb(43,65,151)
```
#2f48a6
```
#2f48a6 rgb(47,72,166)
```
#334fb5
```
#334fb5 rgb(51,79,181)
```
#3855c5
```
#3855c5 rgb(56,85,197)
```

Shade Color Variation

#4561ca
```
#4561ca rgb(69,97,202)
```
#556ecf
```
#556ecf rgb(85,110,207)
```
#647bd3
```
#647bd3 rgb(100,123,211)
```
#7388d7
```
#7388d7 rgb(115,136,215)
```
#8395dc
```
#8395dc rgb(131,149,220)
```
#92a2e0
```
#92a2e0 rgb(146,162,224)
```
#a1afe4
```
#a1afe4 rgb(161,175,228)
```
#b0bce9
```
#b0bce9 rgb(176,188,233)
```
#c0c9ed
```
#c0c9ed rgb(192,201,237)
```
#cfd6f1
```
#cfd6f1 rgb(207,214,241)
```
#dee3f6
```
#dee3f6 rgb(222,227,246)
```
#eef0fa
```
#eef0fa rgb(238,240,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #68696d is the less saturated color, while #0630cf is the most saturated one.

#68696d
```
#68696d rgb(104,105,109)
```
#606575
```
#606575 rgb(96,101,117)
```
#58607d
```
#58607d rgb(88,96,125)
```
#505b85
```
#505b85 rgb(80,91,133)
```
#48568d
```
#48568d rgb(72,86,141)
```
#3f5296
```
#3f5296 rgb(63,82,150)
```
#374d9e
```
#374d9e rgb(55,77,158)
```
#2f48a6
```
#2f48a6 rgb(47,72,166)
```
#2743ae
```
#2743ae rgb(39,67,174)
```
#1f3eb6
```
#1f3eb6 rgb(31,62,182)
```
#163abf
```
#163abf rgb(22,58,191)
```
#0e35c7
```
#0e35c7 rgb(14,53,199)
```
#0630cf
```
#0630cf rgb(6,48,207)
```

Tone Color Variation

Below, you can see how #2f48a6 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.

Monochromacy

#4b4b4b Achromatopsia 0.005% of the population
#454a5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a9 Protanopia 1% of men
#005a94 Deuteranopia 1% of men
#006167 Tritanopia 0.001% of the population

Trichromacy

#1151a7 Protanomaly 1% of men, 0.01% of women
#11549a Deuteranomaly 6% of men, 0.4% of women
#11587e Tritanomaly 0.01% of the population

#2f48a6 hex color

#2f48a6 Color Information

#2f48a6 Color Conversion

Color Schemes with #2f48a6

Alternatives to #2f48a6

#2f48a6 Preview

Shades and Tints of #2f48a6

Tones of #2f48a6

Color Blindness Simulator