#2f6591 hex color

In a RGB color space, hex #2f6591 is composed of 18.4% red, 39.6% green and 56.9% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 30.3% magenta, 0% yellow and 43.1% black. It has a hue angle of 206.9 degrees, a saturation of 51% and a lightness of 37.6%. #2f6591 color hex could be obtained by blending #5ecaff with #000023. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 40
- B 57
RGB color chart
- C 68
- M 30
- Y 0
- K 43
CMYK color chart

● #2f6591 color description : Dark moderate blue.

The hexadecimal color #2f6591 has RGB values of R:47, G:101, B:145 and CMYK values of C:0.68, M:0.3, Y:0, K:0.43. Its decimal value is 3106193.

Hex triplet	2f6591	`#2f6591`
RGB Decimal	47, 101, 145	`rgb(47,101,145)`
RGB Percent	18.4, 39.6, 56.9	`rgb(18.4%,39.6%,56.9%)`
CMYK	68, 30, 0, 43
HSL	206.9°, 51, 37.6	`hsl(206.9,51%,37.6%)`
HSV (or HSB)	206.9°, 67.6, 56.9
Web Safe	336699	`#336699`

CIE-LAB	41.145, -3.129, -29.437
XYZ	10.936, 11.955, 28.518
xyY	0.213, 0.233, 11.955
CIE-LCH	41.145, 29.602, 263.933
CIE-LUV	41.145, -20.993, -41.846
Hunter-Lab	34.576, -4.054, -24.698
Binary	00101111, 01100101, 10010001

#2f6591
```
#2f6591 rgb(47,101,145)
```
#915b2f
```
#915b2f rgb(145,91,47)
```

Complementary Color

#2f918c
```
#2f918c rgb(47,145,140)
```
#2f6591
```
#2f6591 rgb(47,101,145)
```
#2f3491
```
#2f3491 rgb(47,52,145)
```

Analogous Color

#918c2f
```
#918c2f rgb(145,140,47)
```
#2f6591
```
#2f6591 rgb(47,101,145)
```
#912f34
```
#912f34 rgb(145,47,52)
```

Split Complementary Color

#65912f
```
#65912f rgb(101,145,47)
```
#2f6591
```
#2f6591 rgb(47,101,145)
```
#912f65
```
#912f65 rgb(145,47,101)
```

Triadic Color

#2f915b
```
#2f915b rgb(47,145,91)
```
#2f6591
```
#2f6591 rgb(47,101,145)
```
#912f65
```
#912f65 rgb(145,47,101)
```
#915b2f
```
#915b2f rgb(145,91,47)
```

Tetradic Color

#1c3d57
```
#1c3d57 rgb(28,61,87)
```
#234a6a
```
#234a6a rgb(35,74,106)
```
#29587e
```
#29587e rgb(41,88,126)
```
#2f6591
```
#2f6591 rgb(47,101,145)
```
#3572a4
```
#3572a4 rgb(53,114,164)
```
#3b80b8
```
#3b80b8 rgb(59,128,184)
```
#498dc4
```
#498dc4 rgb(73,141,196)
```

Monochromatic Color

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

#2f7e91
```
#2f7e91 rgb(47,126,145)
```
#2f7591
```
#2f7591 rgb(47,117,145)
```
#2f6d91
```
#2f6d91 rgb(47,109,145)
```
#2f6591
```
#2f6591 rgb(47,101,145)
```
#2f5d91
```
#2f5d91 rgb(47,93,145)
```
#2f5591
```
#2f5591 rgb(47,85,145)
```
#2f4c91
```
#2f4c91 rgb(47,76,145)
```

Similar Colors

Text with hexadecimal color #2f6591

This text has a font color of #2f6591.

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

#2f6591 background color

This paragraph has a background color of #2f6591.

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

#2f6591 border color

This element has a border color of #2f6591.

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

CSS codes

.text {color:#2f6591;}

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

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

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, #04080c is the darkest color, while #fcfdfe is the lightest one.

#04080c
```
#04080c rgb(4,8,12)
```
#09121a
```
#09121a rgb(9,18,26)
```
#0d1d29
```
#0d1d29 rgb(13,29,41)
```
#122738
```
#122738 rgb(18,39,56)
```
#173147
```
#173147 rgb(23,49,71)
```
#1c3c56
```
#1c3c56 rgb(28,60,86)
```
#214665
```
#214665 rgb(33,70,101)
```
#255073
```
#255073 rgb(37,80,115)
```
#2a5b82
```
#2a5b82 rgb(42,91,130)
```
#2f6591
```
#2f6591 rgb(47,101,145)
```
#346fa0
```
#346fa0 rgb(52,111,160)
```
#397aaf
```
#397aaf rgb(57,122,175)
```
#3d84bd
```
#3d84bd rgb(61,132,189)
```

Shade Color Variation

#4a8dc4
```
#4a8dc4 rgb(74,141,196)
```
#5997c9
```
#5997c9 rgb(89,151,201)
```
#68a0ce
```
#68a0ce rgb(104,160,206)
```
#77a9d3
```
#77a9d3 rgb(119,169,211)
```
#85b3d8
```
#85b3d8 rgb(133,179,216)
```
#94bcdc
```
#94bcdc rgb(148,188,220)
```
#a3c5e1
```
#a3c5e1 rgb(163,197,225)
```
#b2cfe6
```
#b2cfe6 rgb(178,207,230)
```
#c1d8eb
```
#c1d8eb rgb(193,216,235)
```
#cfe1f0
```
#cfe1f0 rgb(207,225,240)
```
#deeaf4
```
#deeaf4 rgb(222,234,244)
```
#edf4f9
```
#edf4f9 rgb(237,244,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#5b6065
```
#5b6065 rgb(91,96,101)
```
#54616c
```
#54616c rgb(84,97,108)
```
#4d6273
```
#4d6273 rgb(77,98,115)
```
#45637b
```
#45637b rgb(69,99,123)
```
#3e6382
```
#3e6382 rgb(62,99,130)
```
#36648a
```
#36648a rgb(54,100,138)
```
#2f6591
```
#2f6591 rgb(47,101,145)
```
#286698
```
#286698 rgb(40,102,152)
```
#2067a0
```
#2067a0 rgb(32,103,160)
```
#1967a7
```
#1967a7 rgb(25,103,167)
```
#1168af
```
#1168af rgb(17,104,175)
```
#0a69b6
```
#0a69b6 rgb(10,105,182)
```
#036abd
```
#036abd rgb(3,106,189)
```

Tone Color Variation

Below, you can see how #2f6591 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
#515c65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a6792 Protanopia 1% of men
#516898 Deuteranopia 1% of men
#24727b Tritanopia 0.001% of the population

Trichromacy

#4a6692 Protanomaly 1% of men, 0.01% of women
#446795 Deuteranomaly 6% of men, 0.4% of women
#286d83 Tritanomaly 0.01% of the population

#2f6591 hex color

#2f6591 Color Information

#2f6591 Color Conversion

Color Schemes with #2f6591

Alternatives to #2f6591

#2f6591 Preview

Shades and Tints of #2f6591

Tones of #2f6591

Color Blindness Simulator