colorhexa.com

#2f5a94 hex color

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

- R 18
- G 35
- B 58
RGB color chart
- C 68
- M 39
- Y 0
- K 42
CMYK color chart

● #2f5a94 color description : Dark moderate blue.

The hexadecimal color #2f5a94 has RGB values of R:47, G:90, B:148 and CMYK values of C:0.68, M:0.39, Y:0, K:0.42. Its decimal value is 3103380.

Hex triplet	2f5a94	`#2f5a94`
RGB Decimal	47, 90, 148	`rgb(47,90,148)`
RGB Percent	18.4, 35.3, 58	`rgb(18.4%,35.3%,58%)`
CMYK	68, 39, 0, 42
HSL	214.5°, 51.8, 38.2	`hsl(214.5,51.8%,38.2%)`
HSV (or HSB)	214.5°, 68.2, 58
Web Safe	336699	`#336699`

CIE-LAB	37.939, 4.895, -36.299
XYZ	10.173, 10.054, 29.42
xyY	0.205, 0.203, 10.054
CIE-LCH	37.939, 36.627, 277.681
CIE-LUV	37.939, -17.058, -51.931
Hunter-Lab	31.708, 1.777, -32.815
Binary	00101111, 01011010, 10010100

#2f5a94
```
#2f5a94 rgb(47,90,148)
```
#94692f
```
#94692f rgb(148,105,47)
```

Complementary Color

#2f8d94
```
#2f8d94 rgb(47,141,148)
```
#2f5a94
```
#2f5a94 rgb(47,90,148)
```
#372f94
```
#372f94 rgb(55,47,148)
```

Analogous Color

#8d942f
```
#8d942f rgb(141,148,47)
```
#2f5a94
```
#2f5a94 rgb(47,90,148)
```
#94372f
```
#94372f rgb(148,55,47)
```

Split Complementary Color

#5a942f
```
#5a942f rgb(90,148,47)
```
#2f5a94
```
#2f5a94 rgb(47,90,148)
```
#942f5a
```
#942f5a rgb(148,47,90)
```

Triadic Color

#2f9469
```
#2f9469 rgb(47,148,105)
```
#2f5a94
```
#2f5a94 rgb(47,90,148)
```
#942f5a
```
#942f5a rgb(148,47,90)
```
#94692f
```
#94692f rgb(148,105,47)
```

Tetradic Color

#1d375a
```
#1d375a rgb(29,55,90)
```
#23426d
```
#23426d rgb(35,66,109)
```
#294e81
```
#294e81 rgb(41,78,129)
```
#2f5a94
```
#2f5a94 rgb(47,90,148)
```
#3566a7
```
#3566a7 rgb(53,102,167)
```
#3b72bb
```
#3b72bb rgb(59,114,187)
```
#4a7fc6
```
#4a7fc6 rgb(74,127,198)
```

Monochromatic Color

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

#2f7394
```
#2f7394 rgb(47,115,148)
```
#2f6b94
```
#2f6b94 rgb(47,107,148)
```
#2f6294
```
#2f6294 rgb(47,98,148)
```
#2f5a94
```
#2f5a94 rgb(47,90,148)
```
#2f5294
```
#2f5294 rgb(47,82,148)
```
#2f4994
```
#2f4994 rgb(47,73,148)
```
#2f4194
```
#2f4194 rgb(47,65,148)
```

Similar Colors

Text with hexadecimal color #2f5a94

This text has a font color of #2f5a94.

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

#2f5a94 background color

This paragraph has a background color of #2f5a94.

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

#2f5a94 border color

This element has a border color of #2f5a94.

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

CSS codes

.text {color:#2f5a94;}

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

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

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)
```
#172d4a
```
#172d4a rgb(23,45,74)
```
#1c3658
```
#1c3658 rgb(28,54,88)
```
#213f67
```
#213f67 rgb(33,63,103)
```
#264876
```
#264876 rgb(38,72,118)
```
#2a5185
```
#2a5185 rgb(42,81,133)
```
#2f5a94
```
#2f5a94 rgb(47,90,148)
```
#3463a3
```
#3463a3 rgb(52,99,163)
```
#386cb2
```
#386cb2 rgb(56,108,178)
```
#3d75c1
```
#3d75c1 rgb(61,117,193)
```

Shade Color Variation

#4b80c6
```
#4b80c6 rgb(75,128,198)
```
#5a8acb
```
#5a8acb rgb(90,138,203)
```
#6995cf
```
#6995cf rgb(105,149,207)
```
#789fd4
```
#789fd4 rgb(120,159,212)
```
#87aad9
```
#87aad9 rgb(135,170,217)
```
#96b4de
```
#96b4de rgb(150,180,222)
```
#a5bfe2
```
#a5bfe2 rgb(165,191,226)
```
#b4cae7
```
#b4cae7 rgb(180,202,231)
```
#c3d4ec
```
#c3d4ec rgb(195,212,236)
```
#d1dff1
```
#d1dff1 rgb(209,223,241)
```
#e0e9f5
```
#e0e9f5 rgb(224,233,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 #0253c1 is the most saturated one.

#5c6167
```
#5c6167 rgb(92,97,103)
```
#55606f
```
#55606f rgb(85,96,111)
```
#4d5e76
```
#4d5e76 rgb(77,94,118)
```
#465d7e
```
#465d7e rgb(70,93,126)
```
#3e5c85
```
#3e5c85 rgb(62,92,133)
```
#375b8d
```
#375b8d rgb(55,91,141)
```
#2f5a94
```
#2f5a94 rgb(47,90,148)
```
#28599c
```
#28599c rgb(40,89,156)
```
#2058a3
```
#2058a3 rgb(32,88,163)
```
#1957ab
```
#1957ab rgb(25,87,171)
```
#1156b2
```
#1156b2 rgb(17,86,178)
```
#0a54ba
```
#0a54ba rgb(10,84,186)
```
#0253c1
```
#0253c1 rgb(2,83,193)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4d5561 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a6097 Protanopia 1% of men
#3a6299 Deuteranopia 1% of men
#146b73 Tritanopia 0.001% of the population

Trichromacy

#405d96 Protanomaly 1% of men, 0.01% of women
#365f97 Deuteranomaly 6% of men, 0.4% of women
#1e647f Tritanomaly 0.01% of the population