#2f6c94 hex color

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

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

● #2f6c94 color description : Dark moderate blue.

The hexadecimal color #2f6c94 has RGB values of R:47, G:108, B:148 and CMYK values of C:0.68, M:0.27, Y:0, K:0.42. Its decimal value is 3107988.

Hex triplet	2f6c94	`#2f6c94`
RGB Decimal	47, 108, 148	`rgb(47,108,148)`
RGB Percent	18.4, 42.4, 58	`rgb(18.4%,42.4%,58%)`
CMYK	68, 27, 0, 42
HSL	203.8°, 51.8, 38.2	`hsl(203.8,51.8%,38.2%)`
HSV (or HSB)	203.8°, 68.2, 58
Web Safe	336699	`#336699`

CIE-LAB	43.458, -6.3, -27.611
XYZ	11.879, 13.467, 29.989
xyY	0.215, 0.243, 13.467
CIE-LCH	43.458, 28.321, 257.148
CIE-LUV	43.458, -23.423, -39.235
Hunter-Lab	36.697, -6.439, -22.764
Binary	00101111, 01101100, 10010100

#2f6c94
```
#2f6c94 rgb(47,108,148)
```
#94572f
```
#94572f rgb(148,87,47)
```

Complementary Color

#2f948a
```
#2f948a rgb(47,148,138)
```
#2f6c94
```
#2f6c94 rgb(47,108,148)
```
#2f3a94
```
#2f3a94 rgb(47,58,148)
```

Analogous Color

#948a2f
```
#948a2f rgb(148,138,47)
```
#2f6c94
```
#2f6c94 rgb(47,108,148)
```
#942f3a
```
#942f3a rgb(148,47,58)
```

Split Complementary Color

#6c942f
```
#6c942f rgb(108,148,47)
```
#2f6c94
```
#2f6c94 rgb(47,108,148)
```
#942f6c
```
#942f6c rgb(148,47,108)
```

Triadic Color

#2f9457
```
#2f9457 rgb(47,148,87)
```
#2f6c94
```
#2f6c94 rgb(47,108,148)
```
#942f6c
```
#942f6c rgb(148,47,108)
```
#94572f
```
#94572f rgb(148,87,47)
```

Tetradic Color

#1d425a
```
#1d425a rgb(29,66,90)
```
#23506d
```
#23506d rgb(35,80,109)
```
#295e81
```
#295e81 rgb(41,94,129)
```
#2f6c94
```
#2f6c94 rgb(47,108,148)
```
#357aa7
```
#357aa7 rgb(53,122,167)
```
#3b88bb
```
#3b88bb rgb(59,136,187)
```
#4a95c6
```
#4a95c6 rgb(74,149,198)
```

Monochromatic Color

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

#2f8594
```
#2f8594 rgb(47,133,148)
```
#2f7d94
```
#2f7d94 rgb(47,125,148)
```
#2f7494
```
#2f7494 rgb(47,116,148)
```
#2f6c94
```
#2f6c94 rgb(47,108,148)
```
#2f6494
```
#2f6494 rgb(47,100,148)
```
#2f5b94
```
#2f5b94 rgb(47,91,148)
```
#2f5394
```
#2f5394 rgb(47,83,148)
```

Similar Colors

Text with hexadecimal color #2f6c94

This text has a font color of #2f6c94.

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

#2f6c94 background color

This paragraph has a background color of #2f6c94.

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

#2f6c94 border color

This element has a border color of #2f6c94.

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

CSS codes

.text {color:#2f6c94;}

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

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

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

#040a0e
```
#040a0e rgb(4,10,14)
```
#09151d
```
#09151d rgb(9,21,29)
```
#0e202c
```
#0e202c rgb(14,32,44)
```
#132b3b
```
#132b3b rgb(19,43,59)
```
#17364a
```
#17364a rgb(23,54,74)
```
#1c4158
```
#1c4158 rgb(28,65,88)
```
#214b67
```
#214b67 rgb(33,75,103)
```
#265676
```
#265676 rgb(38,86,118)
```
#2a6185
```
#2a6185 rgb(42,97,133)
```
#2f6c94
```
#2f6c94 rgb(47,108,148)
```
#3477a3
```
#3477a3 rgb(52,119,163)
```
#3882b2
```
#3882b2 rgb(56,130,178)
```
#3d8dc1
```
#3d8dc1 rgb(61,141,193)
```

Shade Color Variation

#4b95c6
```
#4b95c6 rgb(75,149,198)
```
#5a9ecb
```
#5a9ecb rgb(90,158,203)
```
#69a7cf
```
#69a7cf rgb(105,167,207)
```
#78b0d4
```
#78b0d4 rgb(120,176,212)
```
#87b8d9
```
#87b8d9 rgb(135,184,217)
```
#96c1de
```
#96c1de rgb(150,193,222)
```
#a5cae2
```
#a5cae2 rgb(165,202,226)
```
#b4d3e7
```
#b4d3e7 rgb(180,211,231)
```
#c3dbec
```
#c3dbec rgb(195,219,236)
```
#d1e4f1
```
#d1e4f1 rgb(209,228,241)
```
#e0edf5
```
#e0edf5 rgb(224,237,245)
```
#eff6fa
```
#eff6fa rgb(239,246,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5c6367
```
#5c6367 rgb(92,99,103)
```
#55646f
```
#55646f rgb(85,100,111)
```
#4d6676
```
#4d6676 rgb(77,102,118)
```
#46677e
```
#46677e rgb(70,103,126)
```
#3e6985
```
#3e6985 rgb(62,105,133)
```
#376a8d
```
#376a8d rgb(55,106,141)
```
#2f6c94
```
#2f6c94 rgb(47,108,148)
```
#286e9c
```
#286e9c rgb(40,110,156)
```
#206fa3
```
#206fa3 rgb(32,111,163)
```
#1971ab
```
#1971ab rgb(25,113,171)
```
#1172b2
```
#1172b2 rgb(17,114,178)
```
#0a74ba
```
#0a74ba rgb(10,116,186)
```
#0275c1
```
#0275c1 rgb(2,117,193)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#556169 Atypical Achromatopsia 0.001% of the population

Dichromacy

#616d95 Protanopia 1% of men
#5a6d9b Deuteranopia 1% of men
#267881 Tritanopia 0.001% of the population

Trichromacy

#4f6c94 Protanomaly 1% of men, 0.01% of women
#4a6d99 Deuteranomaly 6% of men, 0.4% of women
#297388 Tritanomaly 0.01% of the population

#2f6c94 hex color

#2f6c94 Color Information

#2f6c94 Color Conversion

Color Schemes with #2f6c94

Alternatives to #2f6c94

#2f6c94 Preview

Shades and Tints of #2f6c94

Tones of #2f6c94

Color Blindness Simulator