#2f48b1 hex color

In a RGB color space, hex #2f48b1 is composed of 18.4% red, 28.2% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 59.3% magenta, 0% yellow and 30.6% black. It has a hue angle of 228.5 degrees, a saturation of 58% and a lightness of 43.9%. #2f48b1 color hex could be obtained by blending #5e90ff with #000063. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 28
- B 69
RGB color chart
- C 73
- M 59
- Y 0
- K 31
CMYK color chart

● #2f48b1 color description : Dark blue.

The hexadecimal color #2f48b1 has RGB values of R:47, G:72, B:177 and CMYK values of C:0.73, M:0.59, Y:0, K:0.31. Its decimal value is 3098801.

Hex triplet	2f48b1	`#2f48b1`
RGB Decimal	47, 72, 177	`rgb(47,72,177)`
RGB Percent	18.4, 28.2, 69.4	`rgb(18.4%,28.2%,69.4%)`
CMYK	73, 59, 0, 31
HSL	228.5°, 58, 43.9	`hsl(228.5,58%,43.9%)`
HSV (or HSB)	228.5°, 73.4, 69.4
Web Safe	333399	`#333399`

CIE-LAB	34.828, 27.666, -58.66
XYZ	11.424, 8.413, 42.614
xyY	0.183, 0.135, 8.413
CIE-LCH	34.828, 64.857, 295.25
CIE-LUV	34.828, -11.637, -82.908
Hunter-Lab	29.005, 19.547, -66.807
Binary	00101111, 01001000, 10110001

#2f48b1
```
#2f48b1 rgb(47,72,177)
```
#b1982f
```
#b1982f rgb(177,152,47)
```

Complementary Color

#2f89b1
```
#2f89b1 rgb(47,137,177)
```
#2f48b1
```
#2f48b1 rgb(47,72,177)
```
#572fb1
```
#572fb1 rgb(87,47,177)
```

Analogous Color

#89b12f
```
#89b12f rgb(137,177,47)
```
#2f48b1
```
#2f48b1 rgb(47,72,177)
```
#b1572f
```
#b1572f rgb(177,87,47)
```

Split Complementary Color

#48b12f
```
#48b12f rgb(72,177,47)
```
#2f48b1
```
#2f48b1 rgb(47,72,177)
```
#b12f48
```
#b12f48 rgb(177,47,72)
```

Triadic Color

#2fb198
```
#2fb198 rgb(47,177,152)
```
#2f48b1
```
#2f48b1 rgb(47,72,177)
```
#b12f48
```
#b12f48 rgb(177,47,72)
```
#b1982f
```
#b1982f rgb(177,152,47)
```

Tetradic Color

#1f2f75
```
#1f2f75 rgb(31,47,117)
```
#243889
```
#243889 rgb(36,56,137)
```
#2a409d
```
#2a409d rgb(42,64,157)
```
#2f48b1
```
#2f48b1 rgb(47,72,177)
```
#3450c5
```
#3450c5 rgb(52,80,197)
```
#4560ce
```
#4560ce rgb(69,96,206)
```
#5971d3
```
#5971d3 rgb(89,113,211)
```

Monochromatic Color

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

#2f69b1
```
#2f69b1 rgb(47,105,177)
```
#2f5eb1
```
#2f5eb1 rgb(47,94,177)
```
#2f53b1
```
#2f53b1 rgb(47,83,177)
```
#2f48b1
```
#2f48b1 rgb(47,72,177)
```
#2f3db1
```
#2f3db1 rgb(47,61,177)
```
#2f32b1
```
#2f32b1 rgb(47,50,177)
```
#372fb1
```
#372fb1 rgb(55,47,177)
```

Similar Colors

Text with hexadecimal color #2f48b1

This text has a font color of #2f48b1.

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

#2f48b1 background color

This paragraph has a background color of #2f48b1.

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

#2f48b1 border color

This element has a border color of #2f48b1.

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

CSS codes

.text {color:#2f48b1;}

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

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

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, #020307 is the darkest color, while #f6f7fd is the lightest one.

#020307
```
#020307 rgb(2,3,7)
```
#060916
```
#060916 rgb(6,9,22)
```
#0a0f26
```
#0a0f26 rgb(10,15,38)
```
#0e1635
```
#0e1635 rgb(14,22,53)
```
#121c45
```
#121c45 rgb(18,28,69)
```
#162254
```
#162254 rgb(22,34,84)
```
#1a2864
```
#1a2864 rgb(26,40,100)
```
#1f2f73
```
#1f2f73 rgb(31,47,115)
```
#233583
```
#233583 rgb(35,53,131)
```
#273b92
```
#273b92 rgb(39,59,146)
```
#2b42a2
```
#2b42a2 rgb(43,66,162)
```
#2f48b1
```
#2f48b1 rgb(47,72,177)
```
#334ec0
```
#334ec0 rgb(51,78,192)
```

Shade Color Variation

#3c58cb
```
#3c58cb rgb(60,88,203)
```
#4c65cf
```
#4c65cf rgb(76,101,207)
```
#5b72d3
```
#5b72d3 rgb(91,114,211)
```
#6b7fd8
```
#6b7fd8 rgb(107,127,216)
```
#7a8ddc
```
#7a8ddc rgb(122,141,220)
```
#8a9ae0
```
#8a9ae0 rgb(138,154,224)
```
#99a7e4
```
#99a7e4 rgb(153,167,228)
```
#a9b5e8
```
#a9b5e8 rgb(169,181,232)
```
#b8c2ec
```
#b8c2ec rgb(184,194,236)
```
#c8cff0
```
#c8cff0 rgb(200,207,240)
```
#d7ddf4
```
#d7ddf4 rgb(215,221,244)
```
#e7eaf8
```
#e7eaf8 rgb(231,234,248)
```
#f6f7fd
```
#f6f7fd rgb(246,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6d75 is the less saturated color, while #042ddc is the most saturated one.

#6b6d75
```
#6b6d75 rgb(107,109,117)
```
#63687d
```
#63687d rgb(99,104,125)
```
#5a6386
```
#5a6386 rgb(90,99,134)
```
#515d8f
```
#515d8f rgb(81,93,143)
```
#495897
```
#495897 rgb(73,88,151)
```
#4053a0
```
#4053a0 rgb(64,83,160)
```
#384da8
```
#384da8 rgb(56,77,168)
```
#2f48b1
```
#2f48b1 rgb(47,72,177)
```
#2643ba
```
#2643ba rgb(38,67,186)
```
#1e3dc2
```
#1e3dc2 rgb(30,61,194)
```
#1538cb
```
#1538cb rgb(21,56,203)
```
#0d33d3
```
#0d33d3 rgb(13,51,211)
```
#042ddc
```
#042ddc rgb(4,45,220)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#464b60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005d96 Deuteranopia 1% of men
#006369 Tritanopia 0.001% of the population

Trichromacy

#1152ae Protanomaly 1% of men, 0.01% of women
#1155a0 Deuteranomaly 6% of men, 0.4% of women
#115983 Tritanomaly 0.01% of the population

#2f48b1 hex color

#2f48b1 Color Information

#2f48b1 Color Conversion

Color Schemes with #2f48b1

Alternatives to #2f48b1

#2f48b1 Preview

Shades and Tints of #2f48b1

Tones of #2f48b1

Color Blindness Simulator