#2f48d5 hex color

In a RGB color space, hex #2f48d5 is composed of 18.4% red, 28.2% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 66.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 231 degrees, a saturation of 66.4% and a lightness of 51%. #2f48d5 color hex could be obtained by blending #5e90ff with #0000ab. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 18
- G 28
- B 84
RGB color chart
- C 78
- M 66
- Y 0
- K 16
CMYK color chart

● #2f48d5 color description : Strong blue.

The hexadecimal color #2f48d5 has RGB values of R:47, G:72, B:213 and CMYK values of C:0.78, M:0.66, Y:0, K:0.16. Its decimal value is 3098837.

Hex triplet	2f48d5	`#2f48d5`
RGB Decimal	47, 72, 213	`rgb(47,72,213)`
RGB Percent	18.4, 28.2, 83.5	`rgb(18.4%,28.2%,83.5%)`
CMYK	78, 66, 0, 16
HSL	231°, 66.4, 51	`hsl(231,66.4%,51%)`
HSV (or HSB)	231°, 77.9, 83.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.918, 40.751, -74.632
XYZ	15.497, 10.042, 64.069
xyY	0.173, 0.112, 10.042
CIE-LCH	37.918, 85.033, 298.636
CIE-LUV	37.918, -12.247, -106.531
Hunter-Lab	31.689, 31.838, -97.689
Binary	00101111, 01001000, 11010101

#2f48d5
```
#2f48d5 rgb(47,72,213)
```
#d5bc2f
```
#d5bc2f rgb(213,188,47)
```

Complementary Color

#2f9bd5
```
#2f9bd5 rgb(47,155,213)
```
#2f48d5
```
#2f48d5 rgb(47,72,213)
```
#692fd5
```
#692fd5 rgb(105,47,213)
```

Analogous Color

#9bd52f
```
#9bd52f rgb(155,213,47)
```
#2f48d5
```
#2f48d5 rgb(47,72,213)
```
#d5692f
```
#d5692f rgb(213,105,47)
```

Split Complementary Color

#48d52f
```
#48d52f rgb(72,213,47)
```
#2f48d5
```
#2f48d5 rgb(47,72,213)
```
#d52f48
```
#d52f48 rgb(213,47,72)
```

Triadic Color

#2fd5bc
```
#2fd5bc rgb(47,213,188)
```
#2f48d5
```
#2f48d5 rgb(47,72,213)
```
#d52f48
```
#d52f48 rgb(213,47,72)
```
#d5bc2f
```
#d5bc2f rgb(213,188,47)
```

Tetradic Color

#1f3199
```
#1f3199 rgb(31,49,153)
```
#2338ae
```
#2338ae rgb(35,56,174)
```
#273fc3
```
#273fc3 rgb(39,63,195)
```
#2f48d5
```
#2f48d5 rgb(47,72,213)
```
#445bd9
```
#445bd9 rgb(68,91,217)
```
#596dde
```
#596dde rgb(89,109,222)
```
#6f80e2
```
#6f80e2 rgb(111,128,226)
```

Monochromatic Color

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

#2f72d5
```
#2f72d5 rgb(47,114,213)
```
#2f64d5
```
#2f64d5 rgb(47,100,213)
```
#2f56d5
```
#2f56d5 rgb(47,86,213)
```
#2f48d5
```
#2f48d5 rgb(47,72,213)
```
#2f3ad5
```
#2f3ad5 rgb(47,58,213)
```
#322fd5
```
#322fd5 rgb(50,47,213)
```
#3f2fd5
```
#3f2fd5 rgb(63,47,213)
```

Similar Colors

Text with hexadecimal color #2f48d5

This text has a font color of #2f48d5.

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

#2f48d5 background color

This paragraph has a background color of #2f48d5.

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

#2f48d5 border color

This element has a border color of #2f48d5.

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

CSS codes

.text {color:#2f48d5;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#040714
```
#040714 rgb(4,7,20)
```
#070c25
```
#070c25 rgb(7,12,37)
```
#0b1135
```
#0b1135 rgb(11,17,53)
```
#0e1645
```
#0e1645 rgb(14,22,69)
```
#111c56
```
#111c56 rgb(17,28,86)
```
#152166
```
#152166 rgb(21,33,102)
```
#182676
```
#182676 rgb(24,38,118)
```
#1b2b87
```
#1b2b87 rgb(27,43,135)
```
#1e3197
```
#1e3197 rgb(30,49,151)
```
#2236a7
```
#2236a7 rgb(34,54,167)
```
#253bb8
```
#253bb8 rgb(37,59,184)
```
#2840c8
```
#2840c8 rgb(40,64,200)
```

Shade Color Variation

#2f48d5
```
#2f48d5 rgb(47,72,213)
```
#3f56d8
```
#3f56d8 rgb(63,86,216)
```
#5065dc
```
#5065dc rgb(80,101,220)
```
#6073df
```
#6073df rgb(96,115,223)
```
#7081e2
```
#7081e2 rgb(112,129,226)
```
#8190e5
```
#8190e5 rgb(129,144,229)
```
#919ee9
```
#919ee9 rgb(145,158,233)
```
#a1adec
```
#a1adec rgb(161,173,236)
```
#b2bbef
```
#b2bbef rgb(178,187,239)
```
#c2c9f3
```
#c2c9f3 rgb(194,201,243)
```
#d2d8f6
```
#d2d8f6 rgb(210,216,246)
```
#e3e6f9
```
#e3e6f9 rgb(227,230,249)
```
#f3f4fd
```
#f3f4fd rgb(243,244,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7e88 is the less saturated color, while #092dfb is the most saturated one.

#7c7e88
```
#7c7e88 rgb(124,126,136)
```
#727792
```
#727792 rgb(114,119,146)
```
#69709b
```
#69709b rgb(105,112,155)
```
#5f6aa5
```
#5f6aa5 rgb(95,106,165)
```
#5563af
```
#5563af rgb(85,99,175)
```
#4c5cb8
```
#4c5cb8 rgb(76,92,184)
```
#4255c2
```
#4255c2 rgb(66,85,194)
```
#394fcb
```
#394fcb rgb(57,79,203)
```
#2f48d5
```
#2f48d5 rgb(47,72,213)
```
#2541df
```
#2541df rgb(37,65,223)
```
#1c3be8
```
#1c3be8 rgb(28,59,232)
```
#1234f2
```
#1234f2 rgb(18,52,242)
```
#092dfb
```
#092dfb rgb(9,45,251)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4a4f6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0064a0 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#1156c3 Protanomaly 1% of men, 0.01% of women
#115ab3 Deuteranomaly 6% of men, 0.4% of women
#115e95 Tritanomaly 0.01% of the population

#2f48d5 hex color

#2f48d5 Color Information

#2f48d5 Color Conversion

Color Schemes with #2f48d5

Alternatives to #2f48d5

#2f48d5 Preview

Shades and Tints of #2f48d5

Tones of #2f48d5

Color Blindness Simulator