#2f418d hex color

In a RGB color space, hex #2f418d is composed of 18.4% red, 25.5% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 53.9% magenta, 0% yellow and 44.7% black. It has a hue angle of 228.5 degrees, a saturation of 50% and a lightness of 36.9%. #2f418d color hex could be obtained by blending #5e82ff with #00001b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 25
- B 55
RGB color chart
- C 67
- M 54
- Y 0
- K 45
CMYK color chart

● #2f418d color description : Dark moderate blue.

The hexadecimal color #2f418d has RGB values of R:47, G:65, B:141 and CMYK values of C:0.67, M:0.54, Y:0, K:0.45. Its decimal value is 3096973.

Hex triplet	2f418d	`#2f418d`
RGB Decimal	47, 65, 141	`rgb(47,65,141)`
RGB Percent	18.4, 25.5, 55.3	`rgb(18.4%,25.5%,55.3%)`
CMYK	67, 54, 0, 45
HSL	228.5°, 50, 36.9	`hsl(228.5,50%,36.9%)`
HSV (or HSB)	228.5°, 66.7, 55.3
Web Safe	333399	`#333399`

CIE-LAB	30.176, 18.89, -44.468
XYZ	7.869, 6.308, 26.001
xyY	0.196, 0.157, 6.308
CIE-LCH	30.176, 48.314, 293.016
CIE-LUV	30.176, -9.194, -60.335
Hunter-Lab	25.115, 11.979, -43.801
Binary	00101111, 01000001, 10001101

#2f418d
```
#2f418d rgb(47,65,141)
```
#8d7b2f
```
#8d7b2f rgb(141,123,47)
```

Complementary Color

#2f708d
```
#2f708d rgb(47,112,141)
```
#2f418d
```
#2f418d rgb(47,65,141)
```
#4c2f8d
```
#4c2f8d rgb(76,47,141)
```

Analogous Color

#708d2f
```
#708d2f rgb(112,141,47)
```
#2f418d
```
#2f418d rgb(47,65,141)
```
#8d4c2f
```
#8d4c2f rgb(141,76,47)
```

Split Complementary Color

#418d2f
```
#418d2f rgb(65,141,47)
```
#2f418d
```
#2f418d rgb(47,65,141)
```
#8d2f41
```
#8d2f41 rgb(141,47,65)
```

Triadic Color

#2f8d7b
```
#2f8d7b rgb(47,141,123)
```
#2f418d
```
#2f418d rgb(47,65,141)
```
#8d2f41
```
#8d2f41 rgb(141,47,65)
```
#8d7b2f
```
#8d7b2f rgb(141,123,47)
```

Tetradic Color

#1c2754
```
#1c2754 rgb(28,39,84)
```
#222f67
```
#222f67 rgb(34,47,103)
```
#29387a
```
#29387a rgb(41,56,122)
```
#2f418d
```
#2f418d rgb(47,65,141)
```
#354aa0
```
#354aa0 rgb(53,74,160)
```
#3c53b3
```
#3c53b3 rgb(60,83,179)
```
#475ec2
```
#475ec2 rgb(71,94,194)
```

Monochromatic Color

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

#2f598d
```
#2f598d rgb(47,89,141)
```
#2f518d
```
#2f518d rgb(47,81,141)
```
#2f498d
```
#2f498d rgb(47,73,141)
```
#2f418d
```
#2f418d rgb(47,65,141)
```
#2f398d
```
#2f398d rgb(47,57,141)
```
#2f318d
```
#2f318d rgb(47,49,141)
```
#352f8d
```
#352f8d rgb(53,47,141)
```

Similar Colors

Text with hexadecimal color #2f418d

This text has a font color of #2f418d.

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

#2f418d background color

This paragraph has a background color of #2f418d.

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

#2f418d border color

This element has a border color of #2f418d.

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

CSS codes

.text {color:#2f418d;}

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

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

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

#030409
```
#030409 rgb(3,4,9)
```
#080b17
```
#080b17 rgb(8,11,23)
```
#0d1226
```
#0d1226 rgb(13,18,38)
```
#121835
```
#121835 rgb(18,24,53)
```
#161f43
```
#161f43 rgb(22,31,67)
```
#1b2652
```
#1b2652 rgb(27,38,82)
```
#202d61
```
#202d61 rgb(32,45,97)
```
#253370
```
#253370 rgb(37,51,112)
```
#2a3a7e
```
#2a3a7e rgb(42,58,126)
```
#2f418d
```
#2f418d rgb(47,65,141)
```
#34489c
```
#34489c rgb(52,72,156)
```
#394faa
```
#394faa rgb(57,79,170)
```
#3e55b9
```
#3e55b9 rgb(62,85,185)
```

Shade Color Variation

#4860c2
```
#4860c2 rgb(72,96,194)
```
#576cc7
```
#576cc7 rgb(87,108,199)
```
#6679cc
```
#6679cc rgb(102,121,204)
```
#7486d1
```
#7486d1 rgb(116,134,209)
```
#8393d6
```
#8393d6 rgb(131,147,214)
```
#92a0db
```
#92a0db rgb(146,160,219)
```
#a1ade0
```
#a1ade0 rgb(161,173,224)
```
#afb9e4
```
#afb9e4 rgb(175,185,228)
```
#bec6e9
```
#bec6e9 rgb(190,198,233)
```
#cdd3ee
```
#cdd3ee rgb(205,211,238)
```
#dbe0f3
```
#dbe0f3 rgb(219,224,243)
```
#eaedf8
```
#eaedf8 rgb(234,237,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#5a5c62
```
#5a5c62 rgb(90,92,98)
```
#535769
```
#535769 rgb(83,87,105)
```
#4c5370
```
#4c5370 rgb(76,83,112)
```
#454e77
```
#454e77 rgb(69,78,119)
```
#3d4a7f
```
#3d4a7f rgb(61,74,127)
```
#364586
```
#364586 rgb(54,69,134)
```
#2f418d
```
#2f418d rgb(47,65,141)
```
#283d94
```
#283d94 rgb(40,61,148)
```
#21389b
```
#21389b rgb(33,56,155)
```
#1934a3
```
#1934a3 rgb(25,52,163)
```
#122faa
```
#122faa rgb(18,47,170)
```
#0b2bb1
```
#0b2bb1 rgb(11,43,177)
```
#0426b8
```
#0426b8 rgb(4,38,184)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#404353 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1a4e96 Protanopia 1% of men
#005287 Deuteranopia 1% of men
#00585e Tritanopia 0.001% of the population

Trichromacy

#214992 Protanomaly 1% of men, 0.01% of women
#114b89 Deuteranomaly 6% of men, 0.4% of women
#114f6f Tritanomaly 0.01% of the population

#2f418d hex color

#2f418d Color Information

#2f418d Color Conversion

Color Schemes with #2f418d

Alternatives to #2f418d

#2f418d Preview

Shades and Tints of #2f418d

Tones of #2f418d

Color Blindness Simulator