#2f4294 hex color

In a RGB color space, hex #2f4294 is composed of 18.4% red, 25.9% green and 58% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 55.4% magenta, 0% yellow and 42% black. It has a hue angle of 228.7 degrees, a saturation of 51.8% and a lightness of 38.2%. #2f4294 color hex could be obtained by blending #5e84ff with #000029. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 26
- B 58
RGB color chart
- C 68
- M 55
- Y 0
- K 42
CMYK color chart

● #2f4294 color description : Dark moderate blue.

The hexadecimal color #2f4294 has RGB values of R:47, G:66, B:148 and CMYK values of C:0.68, M:0.55, Y:0, K:0.42. Its decimal value is 3097236.

Hex triplet	2f4294	`#2f4294`
RGB Decimal	47, 66, 148	`rgb(47,66,148)`
RGB Percent	18.4, 25.9, 58	`rgb(18.4%,25.9%,58%)`
CMYK	68, 55, 0, 42
HSL	228.7°, 51.8, 38.2	`hsl(228.7,51.8%,38.2%)`
HSV (or HSB)	228.7°, 68.2, 58
Web Safe	333399	`#333399`

CIE-LAB	30.969, 20.833, -47.477
XYZ	8.465, 6.638, 28.851
xyY	0.193, 0.151, 6.638
CIE-LCH	30.969, 51.846, 293.692
CIE-LUV	30.969, -9.599, -64.942
Hunter-Lab	25.765, 13.554, -48.355
Binary	00101111, 01000010, 10010100

#2f4294
```
#2f4294 rgb(47,66,148)
```
#94812f
```
#94812f rgb(148,129,47)
```

Complementary Color

#2f7594
```
#2f7594 rgb(47,117,148)
```
#2f4294
```
#2f4294 rgb(47,66,148)
```
#4e2f94
```
#4e2f94 rgb(78,47,148)
```

Analogous Color

#75942f
```
#75942f rgb(117,148,47)
```
#2f4294
```
#2f4294 rgb(47,66,148)
```
#944f2f
```
#944f2f rgb(148,79,47)
```

Split Complementary Color

#42942f
```
#42942f rgb(66,148,47)
```
#2f4294
```
#2f4294 rgb(47,66,148)
```
#942f42
```
#942f42 rgb(148,47,66)
```

Triadic Color

#2f9481
```
#2f9481 rgb(47,148,129)
```
#2f4294
```
#2f4294 rgb(47,66,148)
```
#942f42
```
#942f42 rgb(148,47,66)
```
#94812f
```
#94812f rgb(148,129,47)
```

Tetradic Color

#1d285a
```
#1d285a rgb(29,40,90)
```
#23316d
```
#23316d rgb(35,49,109)
```
#293981
```
#293981 rgb(41,57,129)
```
#2f4294
```
#2f4294 rgb(47,66,148)
```
#354ba7
```
#354ba7 rgb(53,75,167)
```
#3b53bb
```
#3b53bb rgb(59,83,187)
```
#4a61c6
```
#4a61c6 rgb(74,97,198)
```

Monochromatic Color

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

#2f5b94
```
#2f5b94 rgb(47,91,148)
```
#2f5394
```
#2f5394 rgb(47,83,148)
```
#2f4a94
```
#2f4a94 rgb(47,74,148)
```
#2f4294
```
#2f4294 rgb(47,66,148)
```
#2f3a94
```
#2f3a94 rgb(47,58,148)
```
#2f3194
```
#2f3194 rgb(47,49,148)
```
#352f94
```
#352f94 rgb(53,47,148)
```

Similar Colors

Text with hexadecimal color #2f4294

This text has a font color of #2f4294.

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

#2f4294 background color

This paragraph has a background color of #2f4294.

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

#2f4294 border color

This element has a border color of #2f4294.

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

CSS codes

.text {color:#2f4294;}

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

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

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

#04060e
```
#04060e rgb(4,6,14)
```
#090d1d
```
#090d1d rgb(9,13,29)
```
#0e142c
```
#0e142c rgb(14,20,44)
```
#131a3b
```
#131a3b rgb(19,26,59)
```
#17214a
```
#17214a rgb(23,33,74)
```
#1c2758
```
#1c2758 rgb(28,39,88)
```
#212e67
```
#212e67 rgb(33,46,103)
```
#263576
```
#263576 rgb(38,53,118)
```
#2a3b85
```
#2a3b85 rgb(42,59,133)
```
#2f4294
```
#2f4294 rgb(47,66,148)
```
#3449a3
```
#3449a3 rgb(52,73,163)
```
#384fb2
```
#384fb2 rgb(56,79,178)
```
#3d56c1
```
#3d56c1 rgb(61,86,193)
```

Shade Color Variation

#4b63c6
```
#4b63c6 rgb(75,99,198)
```
#5a6fcb
```
#5a6fcb rgb(90,111,203)
```
#697ccf
```
#697ccf rgb(105,124,207)
```
#7889d4
```
#7889d4 rgb(120,137,212)
```
#8796d9
```
#8796d9 rgb(135,150,217)
```
#96a3de
```
#96a3de rgb(150,163,222)
```
#a5b0e2
```
#a5b0e2 rgb(165,176,226)
```
#b4bde7
```
#b4bde7 rgb(180,189,231)
```
#c3caec
```
#c3caec rgb(195,202,236)
```
#d1d7f1
```
#d1d7f1 rgb(209,215,241)
```
#e0e4f5
```
#e0e4f5 rgb(224,228,245)
```
#eff1fa
```
#eff1fa rgb(239,241,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5e67 is the less saturated color, while #0226c1 is the most saturated one.

#5c5e67
```
#5c5e67 rgb(92,94,103)
```
#55596f
```
#55596f rgb(85,89,111)
```
#4d5576
```
#4d5576 rgb(77,85,118)
```
#46507e
```
#46507e rgb(70,80,126)
```
#3e4b85
```
#3e4b85 rgb(62,75,133)
```
#37478d
```
#37478d rgb(55,71,141)
```
#2f4294
```
#2f4294 rgb(47,66,148)
```
#283d9c
```
#283d9c rgb(40,61,156)
```
#2039a3
```
#2039a3 rgb(32,57,163)
```
#1934ab
```
#1934ab rgb(25,52,171)
```
#112fb2
```
#112fb2 rgb(17,47,178)
```
#0a2bba
```
#0a2bba rgb(10,43,186)
```
#0226c1
```
#0226c1 rgb(2,38,193)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#414556 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9c Protanopia 1% of men
#005489 Deuteranopia 1% of men
#005a60 Tritanopia 0.001% of the population

Trichromacy

#114a99 Protanomaly 1% of men, 0.01% of women
#114d8d Deuteranomaly 6% of men, 0.4% of women
#115173 Tritanomaly 0.01% of the population

#2f4294 hex color

#2f4294 Color Information

#2f4294 Color Conversion

Color Schemes with #2f4294

Alternatives to #2f4294

#2f4294 Preview

Shades and Tints of #2f4294

Tones of #2f4294

Color Blindness Simulator