colorhexa.com

#2f437f hex color

In a RGB color space, hex #2f437f is composed of 18.4% red, 26.3% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 47.2% magenta, 0% yellow and 50.2% black. It has a hue angle of 225 degrees, a saturation of 46% and a lightness of 34.1%. #2f437f color hex could be obtained by blending #5e86fe with #000000. Closest websafe color is: #333366.

- R 18
- G 26
- B 50
RGB color chart
- C 63
- M 47
- Y 0
- K 50
CMYK color chart

● #2f437f color description : Dark moderate blue.

The hexadecimal color #2f437f has RGB values of R:47, G:67, B:127 and CMYK values of C:0.63, M:0.47, Y:0, K:0.5. Its decimal value is 3097471.

Hex triplet	2f437f	`#2f437f`
RGB Decimal	47, 67, 127	`rgb(47,67,127)`
RGB Percent	18.4, 26.3, 49.8	`rgb(18.4%,26.3%,49.8%)`
CMYK	63, 47, 0, 50
HSL	225°, 46, 34.1	`hsl(225,46%,34.1%)`
HSV (or HSB)	225°, 63, 49.8
Web Safe	333366	`#333366`

CIE-LAB	29.789, 12.31, -36.414
XYZ	7.009, 6.151, 20.895
xyY	0.206, 0.181, 6.151
CIE-LCH	29.789, 38.439, 288.678
CIE-LUV	29.789, -9.573, -49.004
Hunter-Lab	24.8, 7.049, -32.594
Binary	00101111, 01000011, 01111111

#2f437f
```
#2f437f rgb(47,67,127)
```
#7f6b2f
```
#7f6b2f rgb(127,107,47)
```

Complementary Color

#2f6b7f
```
#2f6b7f rgb(47,107,127)
```
#2f437f
```
#2f437f rgb(47,67,127)
```
#432f7f
```
#432f7f rgb(67,47,127)
```

Analogous Color

#6b7f2f
```
#6b7f2f rgb(107,127,47)
```
#2f437f
```
#2f437f rgb(47,67,127)
```
#7f432f
```
#7f432f rgb(127,67,47)
```

Split Complementary Color

#437f2f
```
#437f2f rgb(67,127,47)
```
#2f437f
```
#2f437f rgb(47,67,127)
```
#7f2f43
```
#7f2f43 rgb(127,47,67)
```

Triadic Color

#2f7f6b
```
#2f7f6b rgb(47,127,107)
```
#2f437f
```
#2f437f rgb(47,67,127)
```
#7f2f43
```
#7f2f43 rgb(127,47,67)
```
#7f6b2f
```
#7f6b2f rgb(127,107,47)
```

Tetradic Color

#1a2647
```
#1a2647 rgb(26,38,71)
```
#212f5a
```
#212f5a rgb(33,47,90)
```
#28396c
```
#28396c rgb(40,57,108)
```
#2f437f
```
#2f437f rgb(47,67,127)
```
#364d92
```
#364d92 rgb(54,77,146)
```
#3d57a4
```
#3d57a4 rgb(61,87,164)
```
#4460b7
```
#4460b7 rgb(68,96,183)
```

Monochromatic Color

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

#2f577f
```
#2f577f rgb(47,87,127)
```
#2f507f
```
#2f507f rgb(47,80,127)
```
#2f4a7f
```
#2f4a7f rgb(47,74,127)
```
#2f437f
```
#2f437f rgb(47,67,127)
```
#2f3c7f
```
#2f3c7f rgb(47,60,127)
```
#2f367f
```
#2f367f rgb(47,54,127)
```
#2f2f7f
```
#2f2f7f rgb(47,47,127)
```

Similar Colors

Text with hexadecimal color #2f437f

This text has a font color of #2f437f.

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

#2f437f background color

This paragraph has a background color of #2f437f.

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

#2f437f border color

This element has a border color of #2f437f.

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

CSS codes

.text {color:#2f437f;}

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

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

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

#05070c
```
#05070c rgb(5,7,12)
```
#0a0e1b
```
#0a0e1b rgb(10,14,27)
```
#0f1629
```
#0f1629 rgb(15,22,41)
```
#151d37
```
#151d37 rgb(21,29,55)
```
#1a2546
```
#1a2546 rgb(26,37,70)
```
#1f2c54
```
#1f2c54 rgb(31,44,84)
```
#243462
```
#243462 rgb(36,52,98)
```
#2a3b71
```
#2a3b71 rgb(42,59,113)
```
#2f437f
```
#2f437f rgb(47,67,127)
```
#344b8d
```
#344b8d rgb(52,75,141)
```
#3a529c
```
#3a529c rgb(58,82,156)
```
#3f5aaa
```
#3f5aaa rgb(63,90,170)
```
#4461b8
```
#4461b8 rgb(68,97,184)
```

Shade Color Variation

#516dbf
```
#516dbf rgb(81,109,191)
```
#6079c4
```
#6079c4 rgb(96,121,196)
```
#6e85c9
```
#6e85c9 rgb(110,133,201)
```
#7c91cf
```
#7c91cf rgb(124,145,207)
```
#8b9dd4
```
#8b9dd4 rgb(139,157,212)
```
#99a9d9
```
#99a9d9 rgb(153,169,217)
```
#a7b5df
```
#a7b5df rgb(167,181,223)
```
#b6c1e4
```
#b6c1e4 rgb(182,193,228)
```
#c4cde9
```
#c4cde9 rgb(196,205,233)
```
#d2d9ee
```
#d2d9ee rgb(210,217,238)
```
#e1e5f4
```
#e1e5f4 rgb(225,229,244)
```
#eff1f9
```
#eff1f9 rgb(239,241,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #50545e is the less saturated color, while #002cae is the most saturated one.

#50545e
```
#50545e rgb(80,84,94)
```
#4a5064
```
#4a5064 rgb(74,80,100)
```
#434d6b
```
#434d6b rgb(67,77,107)
```
#3c4a72
```
#3c4a72 rgb(60,74,114)
```
#364678
```
#364678 rgb(54,70,120)
```
#2f437f
```
#2f437f rgb(47,67,127)
```
#284086
```
#284086 rgb(40,64,134)
```
#223c8c
```
#223c8c rgb(34,60,140)
```
#1b3993
```
#1b3993 rgb(27,57,147)
```
#14369a
```
#14369a rgb(20,54,154)
```
#0e32a0
```
#0e32a0 rgb(14,50,160)
```
#072fa7
```
#072fa7 rgb(7,47,167)
```
#002cae
```
#002cae rgb(0,44,174)
```

Tone Color Variation

Below, you can see how #2f437f 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
#404450 Atypical Achromatopsia 0.001% of the population

Dichromacy

#324d86 Protanopia 1% of men
#1e5083 Deuteranopia 1% of men
#1f565d Tritanopia 0.001% of the population

Trichromacy

#314983 Protanomaly 1% of men, 0.01% of women
#244b82 Deuteranomaly 6% of men, 0.4% of women
#254f69 Tritanomaly 0.01% of the population