#2f349d hex color

In a RGB color space, hex #2f349d is composed of 18.4% red, 20.4% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 66.9% magenta, 0% yellow and 38.4% black. It has a hue angle of 237.3 degrees, a saturation of 53.9% and a lightness of 40%. #2f349d color hex could be obtained by blending #5e68ff with #00003b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 20
- B 62
RGB color chart
- C 70
- M 67
- Y 0
- K 38
CMYK color chart

● #2f349d color description : Dark blue.

The hexadecimal color #2f349d has RGB values of R:47, G:52, B:157 and CMYK values of C:0.7, M:0.67, Y:0, K:0.38. Its decimal value is 3093661.

Hex triplet	2f349d	`#2f349d`
RGB Decimal	47, 52, 157	`rgb(47,52,157)`
RGB Percent	18.4, 20.4, 61.6	`rgb(18.4%,20.4%,61.6%)`
CMYK	70, 67, 0, 38
HSL	237.3°, 53.9, 40	`hsl(237.3,53.9%,40%)`
HSV (or HSB)	237.3°, 70.1, 61.6
Web Safe	333399	`#333399`

CIE-LAB	28.099, 33.383, -57.642
XYZ	8.485, 5.494, 32.51
xyY	0.183, 0.118, 5.494
CIE-LCH	28.099, 66.611, 300.077
CIE-LUV	28.099, -6.473, -75.216
Hunter-Lab	23.44, 23.595, -65.825
Binary	00101111, 00110100, 10011101

#2f349d
```
#2f349d rgb(47,52,157)
```
#9d982f
```
#9d982f rgb(157,152,47)
```

Complementary Color

#2f6b9d
```
#2f6b9d rgb(47,107,157)
```
#2f349d
```
#2f349d rgb(47,52,157)
```
#612f9d
```
#612f9d rgb(97,47,157)
```

Analogous Color

#6b9d2f
```
#6b9d2f rgb(107,157,47)
```
#2f349d
```
#2f349d rgb(47,52,157)
```
#9d612f
```
#9d612f rgb(157,97,47)
```

Split Complementary Color

#349d2f
```
#349d2f rgb(52,157,47)
```
#2f349d
```
#2f349d rgb(47,52,157)
```
#9d2f34
```
#9d2f34 rgb(157,47,52)
```

Triadic Color

#2f9d98
```
#2f9d98 rgb(47,157,152)
```
#2f349d
```
#2f349d rgb(47,52,157)
```
#9d2f34
```
#9d2f34 rgb(157,47,52)
```
#9d982f
```
#9d982f rgb(157,152,47)
```

Tetradic Color

#1d2162
```
#1d2162 rgb(29,33,98)
```
#232776
```
#232776 rgb(35,39,118)
```
#292e89
```
#292e89 rgb(41,46,137)
```
#2f349d
```
#2f349d rgb(47,52,157)
```
#353bb1
```
#353bb1 rgb(53,59,177)
```
#3b41c4
```
#3b41c4 rgb(59,65,196)
```
#4e54ca
```
#4e54ca rgb(78,84,202)
```

Monochromatic Color

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

#2f509d
```
#2f509d rgb(47,80,157)
```
#2f469d
```
#2f469d rgb(47,70,157)
```
#2f3d9d
```
#2f3d9d rgb(47,61,157)
```
#2f349d
```
#2f349d rgb(47,52,157)
```
#332f9d
```
#332f9d rgb(51,47,157)
```
#3c2f9d
```
#3c2f9d rgb(60,47,157)
```
#452f9d
```
#452f9d rgb(69,47,157)
```

Similar Colors

Text with hexadecimal color #2f349d

This text has a font color of #2f349d.

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

#2f349d background color

This paragraph has a background color of #2f349d.

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

#2f349d border color

This element has a border color of #2f349d.

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

CSS codes

.text {color:#2f349d;}

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

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

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 #f6f6fc is the lightest one.

#020206
```
#020206 rgb(2,2,6)
```
#060715
```
#060715 rgb(6,7,21)
```
#0b0c24
```
#0b0c24 rgb(11,12,36)
```
#0f1133
```
#0f1133 rgb(15,17,51)
```
#141642
```
#141642 rgb(20,22,66)
```
#181b52
```
#181b52 rgb(24,27,82)
```
#1d2061
```
#1d2061 rgb(29,32,97)
```
#212570
```
#212570 rgb(33,37,112)
```
#262a7f
```
#262a7f rgb(38,42,127)
```
#2a2f8e
```
#2a2f8e rgb(42,47,142)
```
#2f349d
```
#2f349d rgb(47,52,157)
```
#3439ac
```
#3439ac rgb(52,57,172)
```
#383ebb
```
#383ebb rgb(56,62,187)
```

Shade Color Variation

#4147c6
```
#4147c6 rgb(65,71,198)
```
#5055cb
```
#5055cb rgb(80,85,203)
```
#5f64cf
```
#5f64cf rgb(95,100,207)
```
#6e73d4
```
#6e73d4 rgb(110,115,212)
```
#7d81d8
```
#7d81d8 rgb(125,129,216)
```
#8c90dd
```
#8c90dd rgb(140,144,221)
```
#9b9fe1
```
#9b9fe1 rgb(155,159,225)
```
#aaade6
```
#aaade6 rgb(170,173,230)
```
#babcea
```
#babcea rgb(186,188,234)
```
#c9caef
```
#c9caef rgb(201,202,239)
```
#d8d9f3
```
#d8d9f3 rgb(216,217,243)
```
#e7e8f8
```
#e7e8f8 rgb(231,232,248)
```
#f6f6fc
```
#f6f6fc rgb(246,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666666 is the less saturated color, while #0810c4 is the most saturated one.

#666666
```
#666666 rgb(102,102,102)
```
#5e5f6e
```
#5e5f6e rgb(94,95,110)
```
#565876
```
#565876 rgb(86,88,118)
```
#4e517e
```
#4e517e rgb(78,81,126)
```
#474985
```
#474985 rgb(71,73,133)
```
#3f428d
```
#3f428d rgb(63,66,141)
```
#373b95
```
#373b95 rgb(55,59,149)
```
#2f349d
```
#2f349d rgb(47,52,157)
```
#272da5
```
#272da5 rgb(39,45,165)
```
#1f26ad
```
#1f26ad rgb(31,38,173)
```
#171fb5
```
#171fb5 rgb(23,31,181)
```
#1017bc
```
#1017bc rgb(16,23,188)
```
#0810c4
```
#0810c4 rgb(8,16,196)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3b3c51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004990 Protanopia 1% of men
#004e7d Deuteranopia 1% of men
#005358 Tritanopia 0.001% of the population

Trichromacy

#114194 Protanomaly 1% of men, 0.01% of women
#114489 Deuteranomaly 6% of men, 0.4% of women
#114871 Tritanomaly 0.01% of the population

#2f349d hex color

#2f349d Color Information

#2f349d Color Conversion

Color Schemes with #2f349d

Alternatives to #2f349d

#2f349d Preview

Shades and Tints of #2f349d

Tones of #2f349d

Color Blindness Simulator