#2f317c hex color

In a RGB color space, hex #2f317c is composed of 18.4% red, 19.2% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 60.5% magenta, 0% yellow and 51.4% black. It has a hue angle of 238.4 degrees, a saturation of 45% and a lightness of 33.5%. #2f317c color hex could be obtained by blending #5e62f8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 19
- B 49
RGB color chart
- C 62
- M 60
- Y 0
- K 51
CMYK color chart

● #2f317c color description : Dark moderate blue.

The hexadecimal color #2f317c has RGB values of R:47, G:49, B:124 and CMYK values of C:0.62, M:0.6, Y:0, K:0.51. Its decimal value is 3092860.

Hex triplet	2f317c	`#2f317c`
RGB Decimal	47, 49, 124	`rgb(47,49,124)`
RGB Percent	18.4, 19.2, 48.6	`rgb(18.4%,19.2%,48.6%)`
CMYK	62, 60, 0, 51
HSL	238.4°, 45, 33.5	`hsl(238.4,45%,33.5%)`
HSV (or HSB)	238.4°, 62.1, 48.6
Web Safe	333366	`#333366`

CIE-LAB	24.5, 23.493, -43.056
XYZ	5.908, 4.256, 19.578
xyY	0.199, 0.143, 4.256
CIE-LCH	24.5, 49.049, 298.619
CIE-LUV	24.5, -4.429, -54.212
Hunter-Lab	20.63, 15.016, -41.825
Binary	00101111, 00110001, 01111100

#2f317c
```
#2f317c rgb(47,49,124)
```
#7c7a2f
```
#7c7a2f rgb(124,122,47)
```

Complementary Color

#2f587c
```
#2f587c rgb(47,88,124)
```
#2f317c
```
#2f317c rgb(47,49,124)
```
#542f7c
```
#542f7c rgb(84,47,124)
```

Analogous Color

#587c2f
```
#587c2f rgb(88,124,47)
```
#2f317c
```
#2f317c rgb(47,49,124)
```
#7c542f
```
#7c542f rgb(124,84,47)
```

Split Complementary Color

#317c2f
```
#317c2f rgb(49,124,47)
```
#2f317c
```
#2f317c rgb(47,49,124)
```
#7c2f31
```
#7c2f31 rgb(124,47,49)
```

Triadic Color

#2f7c7a
```
#2f7c7a rgb(47,124,122)
```
#2f317c
```
#2f317c rgb(47,49,124)
```
#7c2f31
```
#7c2f31 rgb(124,47,49)
```
#7c7a2f
```
#7c7a2f rgb(124,122,47)
```

Tetradic Color

#1a1b45
```
#1a1b45 rgb(26,27,69)
```
#212257
```
#212257 rgb(33,34,87)
```
#282a6a
```
#282a6a rgb(40,42,106)
```
#2f317c
```
#2f317c rgb(47,49,124)
```
#36388e
```
#36388e rgb(54,56,142)
```
#3d40a1
```
#3d40a1 rgb(61,64,161)
```
#4447b3
```
#4447b3 rgb(68,71,179)
```

Monochromatic Color

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

#2f447c
```
#2f447c rgb(47,68,124)
```
#2f3e7c
```
#2f3e7c rgb(47,62,124)
```
#2f377c
```
#2f377c rgb(47,55,124)
```
#2f317c
```
#2f317c rgb(47,49,124)
```
#332f7c
```
#332f7c rgb(51,47,124)
```
#3a2f7c
```
#3a2f7c rgb(58,47,124)
```
#402f7c
```
#402f7c rgb(64,47,124)
```

Similar Colors

Text with hexadecimal color #2f317c

This text has a font color of #2f317c.

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

#2f317c background color

This paragraph has a background color of #2f317c.

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

#2f317c border color

This element has a border color of #2f317c.

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

CSS codes

.text {color:#2f317c;}

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

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

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, #04040a is the darkest color, while #fbfbfd is the lightest one.

#04040a
```
#04040a rgb(4,4,10)
```
#090a18
```
#090a18 rgb(9,10,24)
```
#0f0f27
```
#0f0f27 rgb(15,15,39)
```
#141535
```
#141535 rgb(20,21,53)
```
#191b43
```
#191b43 rgb(25,27,67)
```
#1f2051
```
#1f2051 rgb(31,32,81)
```
#242660
```
#242660 rgb(36,38,96)
```
#2a2b6e
```
#2a2b6e rgb(42,43,110)
```
#2f317c
```
#2f317c rgb(47,49,124)
```
#34378a
```
#34378a rgb(52,55,138)
```
#3a3c98
```
#3a3c98 rgb(58,60,152)
```
#3f42a7
```
#3f42a7 rgb(63,66,167)
```
#4547b5
```
#4547b5 rgb(69,71,181)
```

Shade Color Variation

#5053bd
```
#5053bd rgb(80,83,189)
```
#5f61c2
```
#5f61c2 rgb(95,97,194)
```
#6d6fc8
```
#6d6fc8 rgb(109,111,200)
```
#7b7dcd
```
#7b7dcd rgb(123,125,205)
```
#898bd2
```
#898bd2 rgb(137,139,210)
```
#9799d8
```
#9799d8 rgb(151,153,216)
```
#a6a7dd
```
#a6a7dd rgb(166,167,221)
```
#b4b5e3
```
#b4b5e3 rgb(180,181,227)
```
#c2c3e8
```
#c2c3e8 rgb(194,195,232)
```
#d0d1ed
```
#d0d1ed rgb(208,209,237)
```
#dfdff3
```
#dfdff3 rgb(223,223,243)
```
#ededf8
```
#ededf8 rgb(237,237,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #50505b is the less saturated color, while #0105aa is the most saturated one.

#50505b
```
#50505b rgb(80,80,91)
```
#494a62
```
#494a62 rgb(73,74,98)
```
#434468
```
#434468 rgb(67,68,104)
```
#3c3d6f
```
#3c3d6f rgb(60,61,111)
```
#363775
```
#363775 rgb(54,55,117)
```
#2f317c
```
#2f317c rgb(47,49,124)
```
#282b83
```
#282b83 rgb(40,43,131)
```
#222589
```
#222589 rgb(34,37,137)
```
#1b1e90
```
#1b1e90 rgb(27,30,144)
```
#151896
```
#151896 rgb(21,24,150)
```
#0e129d
```
#0e129d rgb(14,18,157)
```
#080ca3
```
#080ca3 rgb(8,12,163)
```
#0105aa
```
#0105aa rgb(1,5,170)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#373746 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004282 Protanopia 1% of men
#004572 Deuteranopia 1% of men
#194a4f Tritanopia 0.001% of the population

Trichromacy

#113c7f Protanomaly 1% of men, 0.01% of women
#113e75 Deuteranomaly 6% of men, 0.4% of women
#21415f Tritanomaly 0.01% of the population

#2f317c hex color

#2f317c Color Information

#2f317c Color Conversion

Color Schemes with #2f317c

Alternatives to #2f317c

#2f317c Preview

Shades and Tints of #2f317c

Tones of #2f317c

Color Blindness Simulator