#2f277e hex color

In a RGB color space, hex #2f277e is composed of 18.4% red, 15.3% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 69% magenta, 0% yellow and 50.6% black. It has a hue angle of 245.5 degrees, a saturation of 52.7% and a lightness of 32.4%. #2f277e color hex could be obtained by blending #5e4efc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 15
- B 49
RGB color chart
- C 63
- M 69
- Y 0
- K 51
CMYK color chart

● #2f277e color description : Dark moderate blue.

The hexadecimal color #2f277e has RGB values of R:47, G:39, B:126 and CMYK values of C:0.63, M:0.69, Y:0, K:0.51. Its decimal value is 3090302.

Hex triplet	2f277e	`#2f277e`
RGB Decimal	47, 39, 126	`rgb(47,39,126)`
RGB Percent	18.4, 15.3, 49.4	`rgb(18.4%,15.3%,49.4%)`
CMYK	63, 69, 0, 51
HSL	245.5°, 52.7, 32.4	`hsl(245.5,52.7%,32.4%)`
HSV (or HSB)	245.5°, 69, 49.4
Web Safe	333366	`#333366`

CIE-LAB	22.165, 30.781, -48.126
XYZ	5.663, 3.562, 20.127
xyY	0.193, 0.121, 3.562
CIE-LCH	22.165, 57.128, 302.602
CIE-LUV	22.165, -2.371, -57.638
Hunter-Lab	18.872, 20.537, -50.021
Binary	00101111, 00100111, 01111110

#2f277e
```
#2f277e rgb(47,39,126)
```
#767e27
```
#767e27 rgb(118,126,39)
```

Complementary Color

#274b7e
```
#274b7e rgb(39,75,126)
```
#2f277e
```
#2f277e rgb(47,39,126)
```
#5a277e
```
#5a277e rgb(90,39,126)
```

Analogous Color

#4b7e27
```
#4b7e27 rgb(75,126,39)
```
#2f277e
```
#2f277e rgb(47,39,126)
```
#7e5a27
```
#7e5a27 rgb(126,90,39)
```

Split Complementary Color

#277e2f
```
#277e2f rgb(39,126,47)
```
#2f277e
```
#2f277e rgb(47,39,126)
```
#7e2f27
```
#7e2f27 rgb(126,47,39)
```

Triadic Color

#27767e
```
#27767e rgb(39,118,126)
```
#2f277e
```
#2f277e rgb(47,39,126)
```
#7e2f27
```
#7e2f27 rgb(126,47,39)
```
#767e27
```
#767e27 rgb(118,126,39)
```

Tetradic Color

#191544
```
#191544 rgb(25,21,68)
```
#201b57
```
#201b57 rgb(32,27,87)
```
#28216b
```
#28216b rgb(40,33,107)
```
#2f277e
```
#2f277e rgb(47,39,126)
```
#362d91
```
#362d91 rgb(54,45,145)
```
#3e33a5
```
#3e33a5 rgb(62,51,165)
```
#4539b8
```
#4539b8 rgb(69,57,184)
```

Monochromatic Color

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

#27357e
```
#27357e rgb(39,53,126)
```
#272e7e
```
#272e7e rgb(39,46,126)
```
#28277e
```
#28277e rgb(40,39,126)
```
#2f277e
```
#2f277e rgb(47,39,126)
```
#36277e
```
#36277e rgb(54,39,126)
```
#3d277e
```
#3d277e rgb(61,39,126)
```
#45277e
```
#45277e rgb(69,39,126)
```

Similar Colors

Text with hexadecimal color #2f277e

This text has a font color of #2f277e.

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

#2f277e background color

This paragraph has a background color of #2f277e.

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

#2f277e border color

This element has a border color of #2f277e.

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

CSS codes

.text {color:#2f277e;}

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

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

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, #020206 is the darkest color, while #f7f6fc is the lightest one.

#020206
```
#020206 rgb(2,2,6)
```
#080715
```
#080715 rgb(8,7,21)
```
#0d0b24
```
#0d0b24 rgb(13,11,36)
```
#131033
```
#131033 rgb(19,16,51)
```
#191442
```
#191442 rgb(25,20,66)
```
#1e1951
```
#1e1951 rgb(30,25,81)
```
#241e60
```
#241e60 rgb(36,30,96)
```
#29226f
```
#29226f rgb(41,34,111)
```
#2f277e
```
#2f277e rgb(47,39,126)
```
#352c8d
```
#352c8d rgb(53,44,141)
```
#3a309c
```
#3a309c rgb(58,48,156)
```
#4035ab
```
#4035ab rgb(64,53,171)
```
#453aba
```
#453aba rgb(69,58,186)
```

Shade Color Variation

#4e42c5
```
#4e42c5 rgb(78,66,197)
```
#5c51c9
```
#5c51c9 rgb(92,81,201)
```
#6a60ce
```
#6a60ce rgb(106,96,206)
```
#786fd3
```
#786fd3 rgb(120,111,211)
```
#877ed7
```
#877ed7 rgb(135,126,215)
```
#958ddc
```
#958ddc rgb(149,141,220)
```
#a39ce0
```
#a39ce0 rgb(163,156,224)
```
#b1abe5
```
#b1abe5 rgb(177,171,229)
```
#bfbaea
```
#bfbaea rgb(191,186,234)
```
#cdc9ee
```
#cdc9ee rgb(205,201,238)
```
#dbd8f3
```
#dbd8f3 rgb(219,216,243)
```
#e9e7f8
```
#e9e7f8 rgb(233,231,248)
```
#f7f6fc
```
#f7f6fc rgb(247,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e4d58 is the less saturated color, while #1001a4 is the most saturated one.

#4e4d58
```
#4e4d58 rgb(78,77,88)
```
#49475e
```
#49475e rgb(73,71,94)
```
#444065
```
#444065 rgb(68,64,101)
```
#3f3a6b
```
#3f3a6b rgb(63,58,107)
```
#393471
```
#393471 rgb(57,52,113)
```
#342d78
```
#342d78 rgb(52,45,120)
```
#2f277e
```
#2f277e rgb(47,39,126)
```
#2a2184
```
#2a2184 rgb(42,33,132)
```
#251a8b
```
#251a8b rgb(37,26,139)
```
#1f1491
```
#1f1491 rgb(31,20,145)
```
#1a0e97
```
#1a0e97 rgb(26,14,151)
```
#15079e
```
#15079e rgb(21,7,158)
```
#1001a4
```
#1001a4 rgb(16,1,164)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#323142 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d78 Protanopia 1% of men
#004169 Deuteranopia 1% of men
#0e454a Tritanopia 0.001% of the population

Trichromacy

#11357a Protanomaly 1% of men, 0.01% of women
#113770 Deuteranomaly 6% of men, 0.4% of women
#1a3a5d Tritanomaly 0.01% of the population

#2f277e hex color

#2f277e Color Information

#2f277e Color Conversion

Color Schemes with #2f277e

Alternatives to #2f277e

#2f277e Preview

Shades and Tints of #2f277e

Tones of #2f277e

Color Blindness Simulator