#2f4795 hex color

In a RGB color space, hex #2f4795 is composed of 18.4% red, 27.8% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 52.3% magenta, 0% yellow and 41.6% black. It has a hue angle of 225.9 degrees, a saturation of 52% and a lightness of 38.4%. #2f4795 color hex could be obtained by blending #5e8eff with #00002b. Closest websafe color is: #333399.

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

● #2f4795 color description : Dark moderate blue.

The hexadecimal color #2f4795 has RGB values of R:47, G:71, B:149 and CMYK values of C:0.68, M:0.52, Y:0, K:0.42. Its decimal value is 3098517.

Hex triplet	2f4795	`#2f4795`
RGB Decimal	47, 71, 149	`rgb(47,71,149)`
RGB Percent	18.4, 27.8, 58.4	`rgb(18.4%,27.8%,58.4%)`
CMYK	68, 52, 0, 42
HSL	225.9°, 52, 38.4	`hsl(225.9,52%,38.4%)`
HSV (or HSB)	225.9°, 68.5, 58.4
Web Safe	333399	`#333399`

CIE-LAB	32.436, 17.839, -45.715
XYZ	8.849, 7.28, 29.371
xyY	0.194, 0.16, 7.28
CIE-LCH	32.436, 49.072, 291.317
CIE-LUV	32.436, -11.026, -63.472
Hunter-Lab	26.982, 11.324, -45.653
Binary	00101111, 01000111, 10010101

#2f4795
```
#2f4795 rgb(47,71,149)
```
#957d2f
```
#957d2f rgb(149,125,47)
```

Complementary Color

#2f7a95
```
#2f7a95 rgb(47,122,149)
```
#2f4795
```
#2f4795 rgb(47,71,149)
```
#4a2f95
```
#4a2f95 rgb(74,47,149)
```

Analogous Color

#7a952f
```
#7a952f rgb(122,149,47)
```
#2f4795
```
#2f4795 rgb(47,71,149)
```
#954a2f
```
#954a2f rgb(149,74,47)
```

Split Complementary Color

#47952f
```
#47952f rgb(71,149,47)
```
#2f4795
```
#2f4795 rgb(47,71,149)
```
#952f47
```
#952f47 rgb(149,47,71)
```

Triadic Color

#2f957d
```
#2f957d rgb(47,149,125)
```
#2f4795
```
#2f4795 rgb(47,71,149)
```
#952f47
```
#952f47 rgb(149,47,71)
```
#957d2f
```
#957d2f rgb(149,125,47)
```

Tetradic Color

#1d2b5b
```
#1d2b5b rgb(29,43,91)
```
#23356e
```
#23356e rgb(35,53,110)
```
#293e82
```
#293e82 rgb(41,62,130)
```
#2f4795
```
#2f4795 rgb(47,71,149)
```
#3550a8
```
#3550a8 rgb(53,80,168)
```
#3b59bc
```
#3b59bc rgb(59,89,188)
```
#4a68c6
```
#4a68c6 rgb(74,104,198)
```

Monochromatic Color

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

#2f6195
```
#2f6195 rgb(47,97,149)
```
#2f5895
```
#2f5895 rgb(47,88,149)
```
#2f5095
```
#2f5095 rgb(47,80,149)
```
#2f4795
```
#2f4795 rgb(47,71,149)
```
#2f3f95
```
#2f3f95 rgb(47,63,149)
```
#2f3695
```
#2f3695 rgb(47,54,149)
```
#312f95
```
#312f95 rgb(49,47,149)
```

Similar Colors

Text with hexadecimal color #2f4795

This text has a font color of #2f4795.

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

#2f4795 background color

This paragraph has a background color of #2f4795.

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

#2f4795 border color

This element has a border color of #2f4795.

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

CSS codes

.text {color:#2f4795;}

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

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

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, #05070f is the darkest color, while #ffffff is the lightest one.

#05070f
```
#05070f rgb(5,7,15)
```
#090e1e
```
#090e1e rgb(9,14,30)
```
#0e152d
```
#0e152d rgb(14,21,45)
```
#131c3c
```
#131c3c rgb(19,28,60)
```
#17234a
```
#17234a rgb(23,35,74)
```
#1c2b59
```
#1c2b59 rgb(28,43,89)
```
#213268
```
#213268 rgb(33,50,104)
```
#263977
```
#263977 rgb(38,57,119)
```
#2a4086
```
#2a4086 rgb(42,64,134)
```
#2f4795
```
#2f4795 rgb(47,71,149)
```
#344ea4
```
#344ea4 rgb(52,78,164)
```
#3855b3
```
#3855b3 rgb(56,85,179)
```
#3d5cc2
```
#3d5cc2 rgb(61,92,194)
```

Shade Color Variation

#4c69c7
```
#4c69c7 rgb(76,105,199)
```
#5b75cb
```
#5b75cb rgb(91,117,203)
```
#6a82d0
```
#6a82d0 rgb(106,130,208)
```
#798ed5
```
#798ed5 rgb(121,142,213)
```
#889bd9
```
#889bd9 rgb(136,155,217)
```
#97a7de
```
#97a7de rgb(151,167,222)
```
#a5b4e3
```
#a5b4e3 rgb(165,180,227)
```
#b4c0e7
```
#b4c0e7 rgb(180,192,231)
```
#c3cdec
```
#c3cdec rgb(195,205,236)
```
#d2d9f1
```
#d2d9f1 rgb(210,217,241)
```
#e1e6f6
```
#e1e6f6 rgb(225,230,246)
```
#f0f2fa
```
#f0f2fa rgb(240,242,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5c5f68
```
#5c5f68 rgb(92,95,104)
```
#555b6f
```
#555b6f rgb(85,91,111)
```
#4d5777
```
#4d5777 rgb(77,87,119)
```
#46537e
```
#46537e rgb(70,83,126)
```
#3e4f86
```
#3e4f86 rgb(62,79,134)
```
#374b8d
```
#374b8d rgb(55,75,141)
```
#2f4795
```
#2f4795 rgb(47,71,149)
```
#27439d
```
#27439d rgb(39,67,157)
```
#203fa4
```
#203fa4 rgb(32,63,164)
```
#183bac
```
#183bac rgb(24,59,172)
```
#1137b3
```
#1137b3 rgb(17,55,179)
```
#0933bb
```
#0933bb rgb(9,51,187)
```
#022fc2
```
#022fc2 rgb(2,47,194)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#444958 Atypical Achromatopsia 0.001% of the population

Dichromacy

#22539c Protanopia 1% of men
#00578f Deuteranopia 1% of men
#005d64 Tritanopia 0.001% of the population

Trichromacy

#274e9a Protanomaly 1% of men, 0.01% of women
#115191 Deuteranomaly 6% of men, 0.4% of women
#115576 Tritanomaly 0.01% of the population

#2f4795 hex color

#2f4795 Color Information

#2f4795 Color Conversion

Color Schemes with #2f4795

Alternatives to #2f4795

#2f4795 Preview

Shades and Tints of #2f4795

Tones of #2f4795

Color Blindness Simulator