#2f5c94 hex color

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

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

● #2f5c94 color description : Dark moderate blue.

The hexadecimal color #2f5c94 has RGB values of R:47, G:92, B:148 and CMYK values of C:0.68, M:0.38, Y:0, K:0.42. Its decimal value is 3103892.

Hex triplet	2f5c94	`#2f5c94`
RGB Decimal	47, 92, 148	`rgb(47,92,148)`
RGB Percent	18.4, 36.1, 58	`rgb(18.4%,36.1%,58%)`
CMYK	68, 38, 0, 42
HSL	213.3°, 51.8, 38.2	`hsl(213.3,51.8%,38.2%)`
HSV (or HSB)	213.3°, 68.2, 58
Web Safe	336699	`#336699`

CIE-LAB	38.544, 3.612, -35.34
XYZ	10.344, 10.396, 29.477
xyY	0.206, 0.207, 10.396
CIE-LCH	38.544, 35.524, 275.835
CIE-LUV	38.544, -17.741, -50.612
Hunter-Lab	32.243, 0.838, -31.634
Binary	00101111, 01011100, 10010100

#2f5c94
```
#2f5c94 rgb(47,92,148)
```
#94672f
```
#94672f rgb(148,103,47)
```

Complementary Color

#2f8f94
```
#2f8f94 rgb(47,143,148)
```
#2f5c94
```
#2f5c94 rgb(47,92,148)
```
#352f94
```
#352f94 rgb(53,47,148)
```

Analogous Color

#8f942f
```
#8f942f rgb(143,148,47)
```
#2f5c94
```
#2f5c94 rgb(47,92,148)
```
#94352f
```
#94352f rgb(148,53,47)
```

Split Complementary Color

#5c942f
```
#5c942f rgb(92,148,47)
```
#2f5c94
```
#2f5c94 rgb(47,92,148)
```
#942f5c
```
#942f5c rgb(148,47,92)
```

Triadic Color

#2f9467
```
#2f9467 rgb(47,148,103)
```
#2f5c94
```
#2f5c94 rgb(47,92,148)
```
#942f5c
```
#942f5c rgb(148,47,92)
```
#94672f
```
#94672f rgb(148,103,47)
```

Tetradic Color

#1d385a
```
#1d385a rgb(29,56,90)
```
#23446d
```
#23446d rgb(35,68,109)
```
#295081
```
#295081 rgb(41,80,129)
```
#2f5c94
```
#2f5c94 rgb(47,92,148)
```
#3568a7
```
#3568a7 rgb(53,104,167)
```
#3b74bb
```
#3b74bb rgb(59,116,187)
```
#4a81c6
```
#4a81c6 rgb(74,129,198)
```

Monochromatic Color

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

#2f7594
```
#2f7594 rgb(47,117,148)
```
#2f6d94
```
#2f6d94 rgb(47,109,148)
```
#2f6494
```
#2f6494 rgb(47,100,148)
```
#2f5c94
```
#2f5c94 rgb(47,92,148)
```
#2f5494
```
#2f5494 rgb(47,84,148)
```
#2f4b94
```
#2f4b94 rgb(47,75,148)
```
#2f4394
```
#2f4394 rgb(47,67,148)
```

Similar Colors

Text with hexadecimal color #2f5c94

This text has a font color of #2f5c94.

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

#2f5c94 background color

This paragraph has a background color of #2f5c94.

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

#2f5c94 border color

This element has a border color of #2f5c94.

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

CSS codes

.text {color:#2f5c94;}

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

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

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

#04090e
```
#04090e rgb(4,9,14)
```
#09121d
```
#09121d rgb(9,18,29)
```
#0e1b2c
```
#0e1b2c rgb(14,27,44)
```
#13243b
```
#13243b rgb(19,36,59)
```
#172e4a
```
#172e4a rgb(23,46,74)
```
#1c3758
```
#1c3758 rgb(28,55,88)
```
#214067
```
#214067 rgb(33,64,103)
```
#264976
```
#264976 rgb(38,73,118)
```
#2a5385
```
#2a5385 rgb(42,83,133)
```
#2f5c94
```
#2f5c94 rgb(47,92,148)
```
#3465a3
```
#3465a3 rgb(52,101,163)
```
#386fb2
```
#386fb2 rgb(56,111,178)
```
#3d78c1
```
#3d78c1 rgb(61,120,193)
```

Shade Color Variation

#4b82c6
```
#4b82c6 rgb(75,130,198)
```
#5a8ccb
```
#5a8ccb rgb(90,140,203)
```
#6997cf
```
#6997cf rgb(105,151,207)
```
#78a1d4
```
#78a1d4 rgb(120,161,212)
```
#87acd9
```
#87acd9 rgb(135,172,217)
```
#96b6de
```
#96b6de rgb(150,182,222)
```
#a5c0e2
```
#a5c0e2 rgb(165,192,226)
```
#b4cbe7
```
#b4cbe7 rgb(180,203,231)
```
#c3d5ec
```
#c3d5ec rgb(195,213,236)
```
#d1dff1
```
#d1dff1 rgb(209,223,241)
```
#e0eaf5
```
#e0eaf5 rgb(224,234,245)
```
#eff4fa
```
#eff4fa rgb(239,244,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5c6167
```
#5c6167 rgb(92,97,103)
```
#55606f
```
#55606f rgb(85,96,111)
```
#4d5f76
```
#4d5f76 rgb(77,95,118)
```
#465e7e
```
#465e7e rgb(70,94,126)
```
#3e5e85
```
#3e5e85 rgb(62,94,133)
```
#375d8d
```
#375d8d rgb(55,93,141)
```
#2f5c94
```
#2f5c94 rgb(47,92,148)
```
#285b9c
```
#285b9c rgb(40,91,156)
```
#205aa3
```
#205aa3 rgb(32,90,163)
```
#195aab
```
#195aab rgb(25,90,171)
```
#1159b2
```
#1159b2 rgb(17,89,178)
```
#0a58ba
```
#0a58ba rgb(10,88,186)
```
#0257c1
```
#0257c1 rgb(2,87,193)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4d5662 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d6197 Protanopia 1% of men
#3e6399 Deuteranopia 1% of men
#176c74 Tritanopia 0.001% of the population

Trichromacy

#425f96 Protanomaly 1% of men, 0.01% of women
#396097 Deuteranomaly 6% of men, 0.4% of women
#1f6680 Tritanomaly 0.01% of the population

#2f5c94 hex color

#2f5c94 Color Information

#2f5c94 Color Conversion

Color Schemes with #2f5c94

Alternatives to #2f5c94

#2f5c94 Preview

Shades and Tints of #2f5c94

Tones of #2f5c94

Color Blindness Simulator