#2f619e hex color

In a RGB color space, hex #2f619e is composed of 18.4% red, 38% green and 62% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 38.6% magenta, 0% yellow and 38% black. It has a hue angle of 213 degrees, a saturation of 54.1% and a lightness of 40.2%. #2f619e color hex could be obtained by blending #5ec2ff with #00003d. Closest websafe color is: #336699.

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

● #2f619e color description : Dark blue.

The hexadecimal color #2f619e has RGB values of R:47, G:97, B:158 and CMYK values of C:0.7, M:0.39, Y:0, K:0.38. Its decimal value is 3105182.

Hex triplet	2f619e	`#2f619e`
RGB Decimal	47, 97, 158	`rgb(47,97,158)`
RGB Percent	18.4, 38, 62	`rgb(18.4%,38%,62%)`
CMYK	70, 39, 0, 38
HSL	213°, 54.1, 40.2	`hsl(213,54.1%,40.2%)`
HSV (or HSB)	213°, 70.3, 62
Web Safe	336699	`#336699`

CIE-LAB	40.608, 4.136, -38.055
XYZ	11.617, 11.622, 33.977
xyY	0.203, 0.203, 11.622
CIE-LCH	40.608, 38.279, 276.202
CIE-LUV	40.608, -19.225, -55.43
Hunter-Lab	34.09, 1.17, -35.229
Binary	00101111, 01100001, 10011110

#2f619e
```
#2f619e rgb(47,97,158)
```
#9e6c2f
```
#9e6c2f rgb(158,108,47)
```

Complementary Color

#2f999e
```
#2f999e rgb(47,153,158)
```
#2f619e
```
#2f619e rgb(47,97,158)
```
#352f9e
```
#352f9e rgb(53,47,158)
```

Analogous Color

#999e2f
```
#999e2f rgb(153,158,47)
```
#2f619e
```
#2f619e rgb(47,97,158)
```
#9e352f
```
#9e352f rgb(158,53,47)
```

Split Complementary Color

#619e2f
```
#619e2f rgb(97,158,47)
```
#2f619e
```
#2f619e rgb(47,97,158)
```
#9e2f61
```
#9e2f61 rgb(158,47,97)
```

Triadic Color

#2f9e6c
```
#2f9e6c rgb(47,158,108)
```
#2f619e
```
#2f619e rgb(47,97,158)
```
#9e2f61
```
#9e2f61 rgb(158,47,97)
```
#9e6c2f
```
#9e6c2f rgb(158,108,47)
```

Tetradic Color

#1d3d63
```
#1d3d63 rgb(29,61,99)
```
#234977
```
#234977 rgb(35,73,119)
```
#29558a
```
#29558a rgb(41,85,138)
```
#2f619e
```
#2f619e rgb(47,97,158)
```
#356db2
```
#356db2 rgb(53,109,178)
```
#3b79c5
```
#3b79c5 rgb(59,121,197)
```
#4f87cb
```
#4f87cb rgb(79,135,203)
```

Monochromatic Color

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

#2f7d9e
```
#2f7d9e rgb(47,125,158)
```
#2f749e
```
#2f749e rgb(47,116,158)
```
#2f6a9e
```
#2f6a9e rgb(47,106,158)
```
#2f619e
```
#2f619e rgb(47,97,158)
```
#2f589e
```
#2f589e rgb(47,88,158)
```
#2f4f9e
```
#2f4f9e rgb(47,79,158)
```
#2f459e
```
#2f459e rgb(47,69,158)
```

Similar Colors

Text with hexadecimal color #2f619e

This text has a font color of #2f619e.

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

#2f619e background color

This paragraph has a background color of #2f619e.

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

#2f619e border color

This element has a border color of #2f619e.

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

CSS codes

.text {color:#2f619e;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#070d16
```
#070d16 rgb(7,13,22)
```
#0b1725
```
#0b1725 rgb(11,23,37)
```
#102034
```
#102034 rgb(16,32,52)
```
#142943
```
#142943 rgb(20,41,67)
```
#193352
```
#193352 rgb(25,51,82)
```
#1d3c62
```
#1d3c62 rgb(29,60,98)
```
#224571
```
#224571 rgb(34,69,113)
```
#264e80
```
#264e80 rgb(38,78,128)
```
#2b588f
```
#2b588f rgb(43,88,143)
```
#2f619e
```
#2f619e rgb(47,97,158)
```
#336aad
```
#336aad rgb(51,106,173)
```
#3874bc
```
#3874bc rgb(56,116,188)
```

Shade Color Variation

#417dc7
```
#417dc7 rgb(65,125,199)
```
#5088cb
```
#5088cb rgb(80,136,203)
```
#6092d0
```
#6092d0 rgb(96,146,208)
```
#6f9cd4
```
#6f9cd4 rgb(111,156,212)
```
#7ea7d9
```
#7ea7d9 rgb(126,167,217)
```
#8db1dd
```
#8db1dd rgb(141,177,221)
```
#9cbbe2
```
#9cbbe2 rgb(156,187,226)
```
#abc6e6
```
#abc6e6 rgb(171,198,230)
```
#bad0eb
```
#bad0eb rgb(186,208,235)
```
#c9daef
```
#c9daef rgb(201,218,239)
```
#d8e5f4
```
#d8e5f4 rgb(216,229,244)
```
#e8eff8
```
#e8eff8 rgb(232,239,248)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

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

#666667
```
#666667 rgb(102,102,103)
```
#5e666f
```
#5e666f rgb(94,102,111)
```
#566577
```
#566577 rgb(86,101,119)
```
#4f647e
```
#4f647e rgb(79,100,126)
```
#476386
```
#476386 rgb(71,99,134)
```
#3f638e
```
#3f638e rgb(63,99,142)
```
#376296
```
#376296 rgb(55,98,150)
```
#2f619e
```
#2f619e rgb(47,97,158)
```
#2760a6
```
#2760a6 rgb(39,96,166)
```
#1f5fae
```
#1f5fae rgb(31,95,174)
```
#175fb6
```
#175fb6 rgb(23,95,182)
```
#0f5ebe
```
#0f5ebe rgb(15,94,190)
```
#085dc5
```
#085dc5 rgb(8,93,197)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#515b67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f66a0 Protanopia 1% of men
#3e68a3 Deuteranopia 1% of men
#00727a Tritanopia 0.001% of the population

Trichromacy

#43649f Protanomaly 1% of men, 0.01% of women
#3865a1 Deuteranomaly 6% of men, 0.4% of women
#116b87 Tritanomaly 0.01% of the population

#2f619e hex color

#2f619e Color Information

#2f619e Color Conversion

Color Schemes with #2f619e

Alternatives to #2f619e

#2f619e Preview

Shades and Tints of #2f619e

Tones of #2f619e

Color Blindness Simulator