#2f6494 hex color

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

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

● #2f6494 color description : Dark moderate blue.

The hexadecimal color #2f6494 has RGB values of R:47, G:100, B:148 and CMYK values of C:0.68, M:0.32, Y:0, K:0.42. Its decimal value is 3105940.

Hex triplet	2f6494	`#2f6494`
RGB Decimal	47, 100, 148	`rgb(47,100,148)`
RGB Percent	18.4, 39.2, 58	`rgb(18.4%,39.2%,58%)`
CMYK	68, 32, 0, 42
HSL	208.5°, 51.8, 38.2	`hsl(208.5,51.8%,38.2%)`
HSV (or HSB)	208.5°, 68.2, 58
Web Safe	336699	`#336699`

CIE-LAB	40.986, -1.427, -31.484
XYZ	11.073, 11.856, 29.72
xyY	0.21, 0.225, 11.856
CIE-LCH	40.986, 31.516, 267.405
CIE-LUV	40.986, -20.541, -45.083
Hunter-Lab	34.433, -2.851, -27.073
Binary	00101111, 01100100, 10010100

#2f6494
```
#2f6494 rgb(47,100,148)
```
#945f2f
```
#945f2f rgb(148,95,47)
```

Complementary Color

#2f9492
```
#2f9492 rgb(47,148,146)
```
#2f6494
```
#2f6494 rgb(47,100,148)
```
#2f3294
```
#2f3294 rgb(47,50,148)
```

Analogous Color

#94922f
```
#94922f rgb(148,146,47)
```
#2f6494
```
#2f6494 rgb(47,100,148)
```
#942f32
```
#942f32 rgb(148,47,50)
```

Split Complementary Color

#64942f
```
#64942f rgb(100,148,47)
```
#2f6494
```
#2f6494 rgb(47,100,148)
```
#942f64
```
#942f64 rgb(148,47,100)
```

Triadic Color

#2f945f
```
#2f945f rgb(47,148,95)
```
#2f6494
```
#2f6494 rgb(47,100,148)
```
#942f64
```
#942f64 rgb(148,47,100)
```
#945f2f
```
#945f2f rgb(148,95,47)
```

Tetradic Color

#1d3d5a
```
#1d3d5a rgb(29,61,90)
```
#234a6d
```
#234a6d rgb(35,74,109)
```
#295781
```
#295781 rgb(41,87,129)
```
#2f6494
```
#2f6494 rgb(47,100,148)
```
#3571a7
```
#3571a7 rgb(53,113,167)
```
#3b7ebb
```
#3b7ebb rgb(59,126,187)
```
#4a8bc6
```
#4a8bc6 rgb(74,139,198)
```

Monochromatic Color

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

#2f7d94
```
#2f7d94 rgb(47,125,148)
```
#2f7594
```
#2f7594 rgb(47,117,148)
```
#2f6c94
```
#2f6c94 rgb(47,108,148)
```
#2f6494
```
#2f6494 rgb(47,100,148)
```
#2f5c94
```
#2f5c94 rgb(47,92,148)
```
#2f5394
```
#2f5394 rgb(47,83,148)
```
#2f4b94
```
#2f4b94 rgb(47,75,148)
```

Similar Colors

Text with hexadecimal color #2f6494

This text has a font color of #2f6494.

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

#2f6494 background color

This paragraph has a background color of #2f6494.

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

#2f6494 border color

This element has a border color of #2f6494.

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

CSS codes

.text {color:#2f6494;}

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

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

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)
```
#09141d
```
#09141d rgb(9,20,29)
```
#0e1e2c
```
#0e1e2c rgb(14,30,44)
```
#13283b
```
#13283b rgb(19,40,59)
```
#17324a
```
#17324a rgb(23,50,74)
```
#1c3c58
```
#1c3c58 rgb(28,60,88)
```
#214667
```
#214667 rgb(33,70,103)
```
#265076
```
#265076 rgb(38,80,118)
```
#2a5a85
```
#2a5a85 rgb(42,90,133)
```
#2f6494
```
#2f6494 rgb(47,100,148)
```
#346ea3
```
#346ea3 rgb(52,110,163)
```
#3878b2
```
#3878b2 rgb(56,120,178)
```
#3d82c1
```
#3d82c1 rgb(61,130,193)
```

Shade Color Variation

#4b8cc6
```
#4b8cc6 rgb(75,140,198)
```
#5a95cb
```
#5a95cb rgb(90,149,203)
```
#699fcf
```
#699fcf rgb(105,159,207)
```
#78a8d4
```
#78a8d4 rgb(120,168,212)
```
#87b2d9
```
#87b2d9 rgb(135,178,217)
```
#96bcde
```
#96bcde rgb(150,188,222)
```
#a5c5e2
```
#a5c5e2 rgb(165,197,226)
```
#b4cfe7
```
#b4cfe7 rgb(180,207,231)
```
#c3d8ec
```
#c3d8ec rgb(195,216,236)
```
#d1e2f1
```
#d1e2f1 rgb(209,226,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, #5c6267 is the less saturated color, while #0266c1 is the most saturated one.

#5c6267
```
#5c6267 rgb(92,98,103)
```
#55626f
```
#55626f rgb(85,98,111)
```
#4d6376
```
#4d6376 rgb(77,99,118)
```
#46637e
```
#46637e rgb(70,99,126)
```
#3e6385
```
#3e6385 rgb(62,99,133)
```
#37648d
```
#37648d rgb(55,100,141)
```
#2f6494
```
#2f6494 rgb(47,100,148)
```
#28649c
```
#28649c rgb(40,100,156)
```
#2065a3
```
#2065a3 rgb(32,101,163)
```
#1965ab
```
#1965ab rgb(25,101,171)
```
#1165b2
```
#1165b2 rgb(17,101,178)
```
#0a66ba
```
#0a66ba rgb(10,102,186)
```
#0266c1
```
#0266c1 rgb(2,102,193)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#515c66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#576796 Protanopia 1% of men
#4d689a Deuteranopia 1% of men
#1f727a Tritanopia 0.001% of the population

Trichromacy

#496695 Protanomaly 1% of men, 0.01% of women
#426798 Deuteranomaly 6% of men, 0.4% of women
#256d83 Tritanomaly 0.01% of the population

#2f6494 hex color

#2f6494 Color Information

#2f6494 Color Conversion

Color Schemes with #2f6494

Alternatives to #2f6494

#2f6494 Preview

Shades and Tints of #2f6494

Tones of #2f6494

Color Blindness Simulator