#2f48ab hex color

In a RGB color space, hex #2f48ab is composed of 18.4% red, 28.2% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 57.9% magenta, 0% yellow and 32.9% black. It has a hue angle of 227.9 degrees, a saturation of 56.9% and a lightness of 42.7%. #2f48ab color hex could be obtained by blending #5e90ff with #000057. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 28
- B 67
RGB color chart
- C 73
- M 58
- Y 0
- K 33
CMYK color chart

● #2f48ab color description : Dark blue.

The hexadecimal color #2f48ab has RGB values of R:47, G:72, B:171 and CMYK values of C:0.73, M:0.58, Y:0, K:0.33. Its decimal value is 3098795.

Hex triplet	2f48ab	`#2f48ab`
RGB Decimal	47, 72, 171	`rgb(47,72,171)`
RGB Percent	18.4, 28.2, 67.1	`rgb(18.4%,28.2%,67.1%)`
CMYK	73, 58, 0, 33
HSL	227.9°, 56.9, 42.7	`hsl(227.9,56.9%,42.7%)`
HSV (or HSB)	227.9°, 72.5, 67.1
Web Safe	333399	`#333399`

CIE-LAB	34.352, 25.431, -55.866
XYZ	10.839, 8.179, 39.533
xyY	0.185, 0.14, 8.179
CIE-LCH	34.352, 61.382, 294.475
CIE-LUV	34.352, -11.556, -78.767
Hunter-Lab	28.598, 17.605, -61.941
Binary	00101111, 01001000, 10101011

#2f48ab
```
#2f48ab rgb(47,72,171)
```
#ab922f
```
#ab922f rgb(171,146,47)
```

Complementary Color

#2f86ab
```
#2f86ab rgb(47,134,171)
```
#2f48ab
```
#2f48ab rgb(47,72,171)
```
#542fab
```
#542fab rgb(84,47,171)
```

Analogous Color

#86ab2f
```
#86ab2f rgb(134,171,47)
```
#2f48ab
```
#2f48ab rgb(47,72,171)
```
#ab542f
```
#ab542f rgb(171,84,47)
```

Split Complementary Color

#48ab2f
```
#48ab2f rgb(72,171,47)
```
#2f48ab
```
#2f48ab rgb(47,72,171)
```
#ab2f48
```
#ab2f48 rgb(171,47,72)
```

Triadic Color

#2fab92
```
#2fab92 rgb(47,171,146)
```
#2f48ab
```
#2f48ab rgb(47,72,171)
```
#ab2f48
```
#ab2f48 rgb(171,47,72)
```
#ab922f
```
#ab922f rgb(171,146,47)
```

Tetradic Color

#1f2f6f
```
#1f2f6f rgb(31,47,111)
```
#243783
```
#243783 rgb(36,55,131)
```
#2a4097
```
#2a4097 rgb(42,64,151)
```
#2f48ab
```
#2f48ab rgb(47,72,171)
```
#3450bf
```
#3450bf rgb(52,80,191)
```
#425ecb
```
#425ecb rgb(66,94,203)
```
#566fd1
```
#566fd1 rgb(86,111,209)
```

Monochromatic Color

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

#2f67ab
```
#2f67ab rgb(47,103,171)
```
#2f5dab
```
#2f5dab rgb(47,93,171)
```
#2f52ab
```
#2f52ab rgb(47,82,171)
```
#2f48ab
```
#2f48ab rgb(47,72,171)
```
#2f3eab
```
#2f3eab rgb(47,62,171)
```
#2f33ab
```
#2f33ab rgb(47,51,171)
```
#352fab
```
#352fab rgb(53,47,171)
```

Similar Colors

Text with hexadecimal color #2f48ab

This text has a font color of #2f48ab.

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

#2f48ab background color

This paragraph has a background color of #2f48ab.

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

#2f48ab border color

This element has a border color of #2f48ab.

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

CSS codes

.text {color:#2f48ab;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#050711
```
#050711 rgb(5,7,17)
```
#090e21
```
#090e21 rgb(9,14,33)
```
#0d1430
```
#0d1430 rgb(13,20,48)
```
#111b3f
```
#111b3f rgb(17,27,63)
```
#16214f
```
#16214f rgb(22,33,79)
```
#1a285e
```
#1a285e rgb(26,40,94)
```
#1e2e6d
```
#1e2e6d rgb(30,46,109)
```
#22357d
```
#22357d rgb(34,53,125)
```
#273b8c
```
#273b8c rgb(39,59,140)
```
#2b429c
```
#2b429c rgb(43,66,156)
```
#2f48ab
```
#2f48ab rgb(47,72,171)
```
#334eba
```
#334eba rgb(51,78,186)
```

Shade Color Variation

#3956c9
```
#3956c9 rgb(57,86,201)
```
#4863cd
```
#4863cd rgb(72,99,205)
```
#5770d1
```
#5770d1 rgb(87,112,209)
```
#677dd5
```
#677dd5 rgb(103,125,213)
```
#768ad9
```
#768ad9 rgb(118,138,217)
```
#8697de
```
#8697de rgb(134,151,222)
```
#95a5e2
```
#95a5e2 rgb(149,165,226)
```
#a4b2e6
```
#a4b2e6 rgb(164,178,230)
```
#b4bfea
```
#b4bfea rgb(180,191,234)
```
#c3ccef
```
#c3ccef rgb(195,204,239)
```
#d3d9f3
```
#d3d9f3 rgb(211,217,243)
```
#e2e6f7
```
#e2e6f7 rgb(226,230,247)
```
#f1f3fb
```
#f1f3fb rgb(241,243,251)
```

Tint Color Variation

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

#6a6b70
```
#6a6b70 rgb(106,107,112)
```
#616679
```
#616679 rgb(97,102,121)
```
#596181
```
#596181 rgb(89,97,129)
```
#515c89
```
#515c89 rgb(81,92,137)
```
#485792
```
#485792 rgb(72,87,146)
```
#40529a
```
#40529a rgb(64,82,154)
```
#374da3
```
#374da3 rgb(55,77,163)
```
#2f48ab
```
#2f48ab rgb(47,72,171)
```
#2743b3
```
#2743b3 rgb(39,67,179)
```
#1e3ebc
```
#1e3ebc rgb(30,62,188)
```
#1639c4
```
#1639c4 rgb(22,57,196)
```
#0d34cd
```
#0d34cd rgb(13,52,205)
```
#052fd5
```
#052fd5 rgb(5,47,213)
```

Tone Color Variation

Below, you can see how #2f48ab 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
#464b5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005b95 Deuteranopia 1% of men
#006268 Tritanopia 0.001% of the population

Trichromacy

#1151aa Protanomaly 1% of men, 0.01% of women
#11549d Deuteranomaly 6% of men, 0.4% of women
#115880 Tritanomaly 0.01% of the population

#2f48ab hex color

#2f48ab Color Information

#2f48ab Color Conversion

Color Schemes with #2f48ab

Alternatives to #2f48ab

#2f48ab Preview

Shades and Tints of #2f48ab

Tones of #2f48ab

Color Blindness Simulator