#2f6194 hex color

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

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

● #2f6194 color description : Dark moderate blue.

The hexadecimal color #2f6194 has RGB values of R:47, G:97, B:148 and CMYK values of C:0.68, M:0.34, Y:0, K:0.42. Its decimal value is 3105172.

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

CIE-LAB	40.066, 0.444, -32.933
XYZ	10.791, 11.291, 29.626
xyY	0.209, 0.218, 11.291
CIE-LCH	40.066, 32.936, 270.772
CIE-LUV	40.066, -19.48, -47.199
Hunter-Lab	33.602, -1.48, -28.753
Binary	00101111, 01100001, 10010100

#2f6194
```
#2f6194 rgb(47,97,148)
```
#94622f
```
#94622f rgb(148,98,47)
```

Complementary Color

#2f9494
```
#2f9494 rgb(47,148,148)
```
#2f6194
```
#2f6194 rgb(47,97,148)
```
#302f94
```
#302f94 rgb(48,47,148)
```

Analogous Color

#94942f
```
#94942f rgb(148,148,47)
```
#2f6194
```
#2f6194 rgb(47,97,148)
```
#94302f
```
#94302f rgb(148,48,47)
```

Split Complementary Color

#61942f
```
#61942f rgb(97,148,47)
```
#2f6194
```
#2f6194 rgb(47,97,148)
```
#942f61
```
#942f61 rgb(148,47,97)
```

Triadic Color

#2f9462
```
#2f9462 rgb(47,148,98)
```
#2f6194
```
#2f6194 rgb(47,97,148)
```
#942f61
```
#942f61 rgb(148,47,97)
```
#94622f
```
#94622f rgb(148,98,47)
```

Tetradic Color

#1d3b5a
```
#1d3b5a rgb(29,59,90)
```
#23486d
```
#23486d rgb(35,72,109)
```
#295481
```
#295481 rgb(41,84,129)
```
#2f6194
```
#2f6194 rgb(47,97,148)
```
#356ea7
```
#356ea7 rgb(53,110,167)
```
#3b7abb
```
#3b7abb rgb(59,122,187)
```
#4a87c6
```
#4a87c6 rgb(74,135,198)
```

Monochromatic Color

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

#2f7a94
```
#2f7a94 rgb(47,122,148)
```
#2f7294
```
#2f7294 rgb(47,114,148)
```
#2f6994
```
#2f6994 rgb(47,105,148)
```
#2f6194
```
#2f6194 rgb(47,97,148)
```
#2f5994
```
#2f5994 rgb(47,89,148)
```
#2f5094
```
#2f5094 rgb(47,80,148)
```
#2f4894
```
#2f4894 rgb(47,72,148)
```

Similar Colors

Text with hexadecimal color #2f6194

This text has a font color of #2f6194.

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

#2f6194 background color

This paragraph has a background color of #2f6194.

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

#2f6194 border color

This element has a border color of #2f6194.

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

CSS codes

.text {color:#2f6194;}

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

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

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)
```
#09131d
```
#09131d rgb(9,19,29)
```
#0e1d2c
```
#0e1d2c rgb(14,29,44)
```
#13263b
```
#13263b rgb(19,38,59)
```
#17304a
```
#17304a rgb(23,48,74)
```
#1c3a58
```
#1c3a58 rgb(28,58,88)
```
#214467
```
#214467 rgb(33,68,103)
```
#264d76
```
#264d76 rgb(38,77,118)
```
#2a5785
```
#2a5785 rgb(42,87,133)
```
#2f6194
```
#2f6194 rgb(47,97,148)
```
#346ba3
```
#346ba3 rgb(52,107,163)
```
#3875b2
```
#3875b2 rgb(56,117,178)
```
#3d7ec1
```
#3d7ec1 rgb(61,126,193)
```

Shade Color Variation

#4b88c6
```
#4b88c6 rgb(75,136,198)
```
#5a92cb
```
#5a92cb rgb(90,146,203)
```
#699ccf
```
#699ccf rgb(105,156,207)
```
#78a6d4
```
#78a6d4 rgb(120,166,212)
```
#87b0d9
```
#87b0d9 rgb(135,176,217)
```
#96b9de
```
#96b9de rgb(150,185,222)
```
#a5c3e2
```
#a5c3e2 rgb(165,195,226)
```
#b4cde7
```
#b4cde7 rgb(180,205,231)
```
#c3d7ec
```
#c3d7ec rgb(195,215,236)
```
#d1e1f1
```
#d1e1f1 rgb(209,225,241)
```
#e0ebf5
```
#e0ebf5 rgb(224,235,245)
```
#eff5fa
```
#eff5fa rgb(239,245,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 #0261c1 is the most saturated one.

#5c6167
```
#5c6167 rgb(92,97,103)
```
#55616f
```
#55616f rgb(85,97,111)
```
#4d6176
```
#4d6176 rgb(77,97,118)
```
#46617e
```
#46617e rgb(70,97,126)
```
#3e6185
```
#3e6185 rgb(62,97,133)
```
#37618d
```
#37618d rgb(55,97,141)
```
#2f6194
```
#2f6194 rgb(47,97,148)
```
#28619c
```
#28619c rgb(40,97,156)
```
#2061a3
```
#2061a3 rgb(32,97,163)
```
#1961ab
```
#1961ab rgb(25,97,171)
```
#1161b2
```
#1161b2 rgb(17,97,178)
```
#0a61ba
```
#0a61ba rgb(10,97,186)
```
#0261c1
```
#0261c1 rgb(2,97,193)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#505a64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#546596 Protanopia 1% of men
#48669a Deuteranopia 1% of men
#1d7078 Tritanopia 0.001% of the population

Trichromacy

#466395 Protanomaly 1% of men, 0.01% of women
#3f6498 Deuteranomaly 6% of men, 0.4% of women
#236a82 Tritanomaly 0.01% of the population

#2f6194 hex color

#2f6194 Color Information

#2f6194 Color Conversion

Color Schemes with #2f6194

Alternatives to #2f6194

#2f6194 Preview

Shades and Tints of #2f6194

Tones of #2f6194

Color Blindness Simulator