#2f4aba hex color

In a RGB color space, hex #2f4aba is composed of 18.4% red, 29% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 60.2% magenta, 0% yellow and 27.1% black. It has a hue angle of 228.3 degrees, a saturation of 59.7% and a lightness of 45.7%. #2f4aba color hex could be obtained by blending #5e94ff with #000075. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 18
- G 29
- B 73
RGB color chart
- C 75
- M 60
- Y 0
- K 27
CMYK color chart

● #2f4aba color description : Moderate blue.

The hexadecimal color #2f4aba has RGB values of R:47, G:74, B:186 and CMYK values of C:0.75, M:0.6, Y:0, K:0.27. Its decimal value is 3099322.

Hex triplet	2f4aba	`#2f4aba`
RGB Decimal	47, 74, 186	`rgb(47,74,186)`
RGB Percent	18.4, 29, 72.9	`rgb(18.4%,29%,72.9%)`
CMYK	75, 60, 0, 27
HSL	228.3°, 59.7, 45.7	`hsl(228.3,59.7%,45.7%)`
HSV (or HSB)	228.3°, 74.7, 72.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.073, 29.695, -61.946
XYZ	12.482, 9.046, 47.54
xyY	0.181, 0.131, 9.046
CIE-LCH	36.073, 68.695, 295.612
CIE-LUV	36.073, -12.26, -88.331
Hunter-Lab	30.077, 21.444, -72.661
Binary	00101111, 01001010, 10111010

#2f4aba
```
#2f4aba rgb(47,74,186)
```
#ba9f2f
```
#ba9f2f rgb(186,159,47)
```

Complementary Color

#2f90ba
```
#2f90ba rgb(47,144,186)
```
#2f4aba
```
#2f4aba rgb(47,74,186)
```
#5a2fba
```
#5a2fba rgb(90,47,186)
```

Analogous Color

#90ba2f
```
#90ba2f rgb(144,186,47)
```
#2f4aba
```
#2f4aba rgb(47,74,186)
```
#ba5a2f
```
#ba5a2f rgb(186,90,47)
```

Split Complementary Color

#4aba2f
```
#4aba2f rgb(74,186,47)
```
#2f4aba
```
#2f4aba rgb(47,74,186)
```
#ba2f4a
```
#ba2f4a rgb(186,47,74)
```

Triadic Color

#2fba9f
```
#2fba9f rgb(47,186,159)
```
#2f4aba
```
#2f4aba rgb(47,74,186)
```
#ba2f4a
```
#ba2f4a rgb(186,47,74)
```
#ba9f2f
```
#ba9f2f rgb(186,159,47)
```

Tetradic Color

#20327d
```
#20327d rgb(32,50,125)
```
#253a91
```
#253a91 rgb(37,58,145)
```
#2a42a6
```
#2a42a6 rgb(42,66,166)
```
#2f4aba
```
#2f4aba rgb(47,74,186)
```
#3653cc
```
#3653cc rgb(54,83,204)
```
#4b65d1
```
#4b65d1 rgb(75,101,209)
```
#5f76d7
```
#5f76d7 rgb(95,118,215)
```

Monochromatic Color

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

#2f6dba
```
#2f6dba rgb(47,109,186)
```
#2f61ba
```
#2f61ba rgb(47,97,186)
```
#2f56ba
```
#2f56ba rgb(47,86,186)
```
#2f4aba
```
#2f4aba rgb(47,74,186)
```
#2f3eba
```
#2f3eba rgb(47,62,186)
```
#2f33ba
```
#2f33ba rgb(47,51,186)
```
#372fba
```
#372fba rgb(55,47,186)
```

Similar Colors

Text with hexadecimal color #2f4aba

This text has a font color of #2f4aba.

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

#2f4aba background color

This paragraph has a background color of #2f4aba.

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

#2f4aba border color

This element has a border color of #2f4aba.

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

CSS codes

.text {color:#2f4aba;}

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

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

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, #03050e is the darkest color, while #fdfdff is the lightest one.

#03050e
```
#03050e rgb(3,5,14)
```
#070c1d
```
#070c1d rgb(7,12,29)
```
#0b122d
```
#0b122d rgb(11,18,45)
```
#0f183d
```
#0f183d rgb(15,24,61)
```
#131e4c
```
#131e4c rgb(19,30,76)
```
#17255c
```
#17255c rgb(23,37,92)
```
#1b2b6c
```
#1b2b6c rgb(27,43,108)
```
#1f317b
```
#1f317b rgb(31,49,123)
```
#23378b
```
#23378b rgb(35,55,139)
```
#273e9b
```
#273e9b rgb(39,62,155)
```
#2b44aa
```
#2b44aa rgb(43,68,170)
```
#2f4aba
```
#2f4aba rgb(47,74,186)
```
#3350ca
```
#3350ca rgb(51,80,202)
```

Shade Color Variation

#415dcf
```
#415dcf rgb(65,93,207)
```
#516ad3
```
#516ad3 rgb(81,106,211)
```
#6178d7
```
#6178d7 rgb(97,120,215)
```
#7085db
```
#7085db rgb(112,133,219)
```
#8092df
```
#8092df rgb(128,146,223)
```
#8fa0e3
```
#8fa0e3 rgb(143,160,227)
```
#9fade7
```
#9fade7 rgb(159,173,231)
```
#afbaeb
```
#afbaeb rgb(175,186,235)
```
#bec8ef
```
#bec8ef rgb(190,200,239)
```
#ced5f3
```
#ced5f3 rgb(206,213,243)
```
#dee3f7
```
#dee3f7 rgb(222,227,247)
```
#edf0fb
```
#edf0fb rgb(237,240,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#6e707b
```
#6e707b rgb(110,112,123)
```
#656b84
```
#656b84 rgb(101,107,132)
```
#5c658d
```
#5c658d rgb(92,101,141)
```
#536096
```
#536096 rgb(83,96,150)
```
#4a5a9f
```
#4a5a9f rgb(74,90,159)
```
#4155a8
```
#4155a8 rgb(65,85,168)
```
#384fb1
```
#384fb1 rgb(56,79,177)
```
#2f4aba
```
#2f4aba rgb(47,74,186)
```
#2645c3
```
#2645c3 rgb(38,69,195)
```
#1d3fcc
```
#1d3fcc rgb(29,63,204)
```
#143ad5
```
#143ad5 rgb(20,58,213)
```
#0b34de
```
#0b34de rgb(11,52,222)
```
#022fe7
```
#022fe7 rgb(2,47,231)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#494e64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab1 Protanopia 1% of men
#005f9b Deuteranopia 1% of men
#00666d Tritanopia 0.001% of the population

Trichromacy

#1154b4 Protanomaly 1% of men, 0.01% of women
#1157a6 Deuteranomaly 6% of men, 0.4% of women
#115c89 Tritanomaly 0.01% of the population

#2f4aba hex color

#2f4aba Color Information

#2f4aba Color Conversion

Color Schemes with #2f4aba

Alternatives to #2f4aba

#2f4aba Preview

Shades and Tints of #2f4aba

Tones of #2f4aba

Color Blindness Simulator