#2f4ba8 hex color

In a RGB color space, hex #2f4ba8 is composed of 18.4% red, 29.4% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 55.4% magenta, 0% yellow and 34.1% black. It has a hue angle of 226.1 degrees, a saturation of 56.3% and a lightness of 42.2%. #2f4ba8 color hex could be obtained by blending #5e96ff with #000051. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 29
- B 66
RGB color chart
- C 72
- M 55
- Y 0
- K 34
CMYK color chart

● #2f4ba8 color description : Dark blue.

The hexadecimal color #2f4ba8 has RGB values of R:47, G:75, B:168 and CMYK values of C:0.72, M:0.55, Y:0, K:0.34. Its decimal value is 3099560.

Hex triplet	2f4ba8	`#2f4ba8`
RGB Decimal	47, 75, 168	`rgb(47,75,168)`
RGB Percent	18.4, 29.4, 65.9	`rgb(18.4%,29.4%,65.9%)`
CMYK	72, 55, 0, 34
HSL	226.1°, 56.3, 42.2	`hsl(226.1,56.3%,42.2%)`
HSV (or HSB)	226.1°, 72, 65.9
Web Safe	333399	`#333399`

CIE-LAB	34.929, 22.316, -53.139
XYZ	10.755, 8.463, 38.11
xyY	0.188, 0.148, 8.463
CIE-LCH	34.929, 57.635, 292.78
CIE-LUV	34.929, -12.328, -75.433
Hunter-Lab	29.091, 15.081, -57.308
Binary	00101111, 01001011, 10101000

#2f4ba8
```
#2f4ba8 rgb(47,75,168)
```
#a88c2f
```
#a88c2f rgb(168,140,47)
```

Complementary Color

#2f88a8
```
#2f88a8 rgb(47,136,168)
```
#2f4ba8
```
#2f4ba8 rgb(47,75,168)
```
#502fa8
```
#502fa8 rgb(80,47,168)
```

Analogous Color

#88a82f
```
#88a82f rgb(136,168,47)
```
#2f4ba8
```
#2f4ba8 rgb(47,75,168)
```
#a8502f
```
#a8502f rgb(168,80,47)
```

Split Complementary Color

#4ba82f
```
#4ba82f rgb(75,168,47)
```
#2f4ba8
```
#2f4ba8 rgb(47,75,168)
```
#a82f4b
```
#a82f4b rgb(168,47,75)
```

Triadic Color

#2fa88c
```
#2fa88c rgb(47,168,140)
```
#2f4ba8
```
#2f4ba8 rgb(47,75,168)
```
#a82f4b
```
#a82f4b rgb(168,47,75)
```
#a88c2f
```
#a88c2f rgb(168,140,47)
```

Tetradic Color

#1e306c
```
#1e306c rgb(30,48,108)
```
#243980
```
#243980 rgb(36,57,128)
```
#294294
```
#294294 rgb(41,66,148)
```
#2f4ba8
```
#2f4ba8 rgb(47,75,168)
```
#3554bc
```
#3554bc rgb(53,84,188)
```
#4060ca
```
#4060ca rgb(64,96,202)
```
#5471cf
```
#5471cf rgb(84,113,207)
```

Monochromatic Color

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

#2f69a8
```
#2f69a8 rgb(47,105,168)
```
#2f5fa8
```
#2f5fa8 rgb(47,95,168)
```
#2f55a8
```
#2f55a8 rgb(47,85,168)
```
#2f4ba8
```
#2f4ba8 rgb(47,75,168)
```
#2f41a8
```
#2f41a8 rgb(47,65,168)
```
#2f37a8
```
#2f37a8 rgb(47,55,168)
```
#312fa8
```
#312fa8 rgb(49,47,168)
```

Similar Colors

Text with hexadecimal color #2f4ba8

This text has a font color of #2f4ba8.

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

#2f4ba8 background color

This paragraph has a background color of #2f4ba8.

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

#2f4ba8 border color

This element has a border color of #2f4ba8.

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

CSS codes

.text {color:#2f4ba8;}

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

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

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, #04070f is the darkest color, while #fefeff is the lightest one.

#04070f
```
#04070f rgb(4,7,15)
```
#080d1e
```
#080d1e rgb(8,13,30)
```
#0d142d
```
#0d142d rgb(13,20,45)
```
#111b3d
```
#111b3d rgb(17,27,61)
```
#15224c
```
#15224c rgb(21,34,76)
```
#1a295b
```
#1a295b rgb(26,41,91)
```
#1e306b
```
#1e306b rgb(30,48,107)
```
#22367a
```
#22367a rgb(34,54,122)
```
#263d89
```
#263d89 rgb(38,61,137)
```
#2b4499
```
#2b4499 rgb(43,68,153)
```
#2f4ba8
```
#2f4ba8 rgb(47,75,168)
```
#3352b7
```
#3352b7 rgb(51,82,183)
```
#3859c7
```
#3859c7 rgb(56,89,199)
```

Shade Color Variation

#4665cb
```
#4665cb rgb(70,101,203)
```
#5672d0
```
#5672d0 rgb(86,114,208)
```
#657fd4
```
#657fd4 rgb(101,127,212)
```
#748cd8
```
#748cd8 rgb(116,140,216)
```
#8498dd
```
#8498dd rgb(132,152,221)
```
#93a5e1
```
#93a5e1 rgb(147,165,225)
```
#a2b2e5
```
#a2b2e5 rgb(162,178,229)
```
#b2bfe9
```
#b2bfe9 rgb(178,191,233)
```
#c1cbee
```
#c1cbee rgb(193,203,238)
```
#d0d8f2
```
#d0d8f2 rgb(208,216,242)
```
#e0e5f6
```
#e0e5f6 rgb(224,229,246)
```
#eff2fb
```
#eff2fb rgb(239,242,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696a6e is the less saturated color, while #0635d1 is the most saturated one.

#696a6e
```
#696a6e rgb(105,106,110)
```
#616676
```
#616676 rgb(97,102,118)
```
#58617f
```
#58617f rgb(88,97,127)
```
#505d87
```
#505d87 rgb(80,93,135)
```
#48588f
```
#48588f rgb(72,88,143)
```
#405497
```
#405497 rgb(64,84,151)
```
#374fa0
```
#374fa0 rgb(55,79,160)
```
#2f4ba8
```
#2f4ba8 rgb(47,75,168)
```
#2747b0
```
#2747b0 rgb(39,71,176)
```
#1e42b9
```
#1e42b9 rgb(30,66,185)
```
#163ec1
```
#163ec1 rgb(22,62,193)
```
#0e39c9
```
#0e39c9 rgb(14,57,201)
```
#0635d1
```
#0635d1 rgb(6,53,209)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#474d5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ad Protanopia 1% of men
#005d98 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#1153ab Protanomaly 1% of men, 0.01% of women
#11569d Deuteranomaly 6% of men, 0.4% of women
#115a80 Tritanomaly 0.01% of the population

#2f4ba8 hex color

#2f4ba8 Color Information

#2f4ba8 Color Conversion

Color Schemes with #2f4ba8

Alternatives to #2f4ba8

#2f4ba8 Preview

Shades and Tints of #2f4ba8

Tones of #2f4ba8

Color Blindness Simulator