#2f5c95 hex color

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

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

● #2f5c95 color description : Dark moderate blue.

The hexadecimal color #2f5c95 has RGB values of R:47, G:92, B:149 and CMYK values of C:0.68, M:0.38, Y:0, K:0.42. Its decimal value is 3103893.

Hex triplet	2f5c95	`#2f5c95`
RGB Decimal	47, 92, 149	`rgb(47,92,149)`
RGB Percent	18.4, 36.1, 58.4	`rgb(18.4%,36.1%,58.4%)`
CMYK	68, 38, 0, 42
HSL	213.5°, 52, 38.4	`hsl(213.5,52%,38.4%)`
HSV (or HSB)	213.5°, 68.5, 58.4
Web Safe	336699	`#336699`

CIE-LAB	38.6, 3.982, -35.854
XYZ	10.423, 10.428, 29.896
xyY	0.205, 0.205, 10.428
CIE-LCH	38.6, 36.074, 276.338
CIE-LUV	38.6, -17.721, -51.427
Hunter-Lab	32.292, 1.104, -32.285
Binary	00101111, 01011100, 10010101

#2f5c95
```
#2f5c95 rgb(47,92,149)
```
#95682f
```
#95682f rgb(149,104,47)
```

Complementary Color

#2f8f95
```
#2f8f95 rgb(47,143,149)
```
#2f5c95
```
#2f5c95 rgb(47,92,149)
```
#352f95
```
#352f95 rgb(53,47,149)
```

Analogous Color

#8f952f
```
#8f952f rgb(143,149,47)
```
#2f5c95
```
#2f5c95 rgb(47,92,149)
```
#95352f
```
#95352f rgb(149,53,47)
```

Split Complementary Color

#5c952f
```
#5c952f rgb(92,149,47)
```
#2f5c95
```
#2f5c95 rgb(47,92,149)
```
#952f5c
```
#952f5c rgb(149,47,92)
```

Triadic Color

#2f9568
```
#2f9568 rgb(47,149,104)
```
#2f5c95
```
#2f5c95 rgb(47,92,149)
```
#952f5c
```
#952f5c rgb(149,47,92)
```
#95682f
```
#95682f rgb(149,104,47)
```

Tetradic Color

#1d385b
```
#1d385b rgb(29,56,91)
```
#23446e
```
#23446e rgb(35,68,110)
```
#295082
```
#295082 rgb(41,80,130)
```
#2f5c95
```
#2f5c95 rgb(47,92,149)
```
#3568a8
```
#3568a8 rgb(53,104,168)
```
#3b74bc
```
#3b74bc rgb(59,116,188)
```
#4a81c6
```
#4a81c6 rgb(74,129,198)
```

Monochromatic Color

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

#2f7695
```
#2f7695 rgb(47,118,149)
```
#2f6d95
```
#2f6d95 rgb(47,109,149)
```
#2f6595
```
#2f6595 rgb(47,101,149)
```
#2f5c95
```
#2f5c95 rgb(47,92,149)
```
#2f5495
```
#2f5495 rgb(47,84,149)
```
#2f4b95
```
#2f4b95 rgb(47,75,149)
```
#2f4395
```
#2f4395 rgb(47,67,149)
```

Similar Colors

Text with hexadecimal color #2f5c95

This text has a font color of #2f5c95.

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

#2f5c95 background color

This paragraph has a background color of #2f5c95.

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

#2f5c95 border color

This element has a border color of #2f5c95.

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

CSS codes

.text {color:#2f5c95;}

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

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

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

#05090f
```
#05090f rgb(5,9,15)
```
#09121e
```
#09121e rgb(9,18,30)
```
#0e1c2d
```
#0e1c2d rgb(14,28,45)
```
#13253c
```
#13253c rgb(19,37,60)
```
#172e4a
```
#172e4a rgb(23,46,74)
```
#1c3759
```
#1c3759 rgb(28,55,89)
```
#214068
```
#214068 rgb(33,64,104)
```
#264a77
```
#264a77 rgb(38,74,119)
```
#2a5386
```
#2a5386 rgb(42,83,134)
```
#2f5c95
```
#2f5c95 rgb(47,92,149)
```
#3465a4
```
#3465a4 rgb(52,101,164)
```
#386eb3
```
#386eb3 rgb(56,110,179)
```
#3d78c2
```
#3d78c2 rgb(61,120,194)
```

Shade Color Variation

#4c82c7
```
#4c82c7 rgb(76,130,199)
```
#5b8ccb
```
#5b8ccb rgb(91,140,203)
```
#6a97d0
```
#6a97d0 rgb(106,151,208)
```
#79a1d5
```
#79a1d5 rgb(121,161,213)
```
#88acd9
```
#88acd9 rgb(136,172,217)
```
#97b6de
```
#97b6de rgb(151,182,222)
```
#a5c0e3
```
#a5c0e3 rgb(165,192,227)
```
#b4cbe7
```
#b4cbe7 rgb(180,203,231)
```
#c3d5ec
```
#c3d5ec rgb(195,213,236)
```
#d2e0f1
```
#d2e0f1 rgb(210,224,241)
```
#e1eaf6
```
#e1eaf6 rgb(225,234,246)
```
#f0f5fa
```
#f0f5fa rgb(240,245,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5c6168
```
#5c6168 rgb(92,97,104)
```
#55606f
```
#55606f rgb(85,96,111)
```
#4d6077
```
#4d6077 rgb(77,96,119)
```
#465f7e
```
#465f7e rgb(70,95,126)
```
#3e5e86
```
#3e5e86 rgb(62,94,134)
```
#375d8d
```
#375d8d rgb(55,93,141)
```
#2f5c95
```
#2f5c95 rgb(47,92,149)
```
#275b9d
```
#275b9d rgb(39,91,157)
```
#205aa4
```
#205aa4 rgb(32,90,164)
```
#1859ac
```
#1859ac rgb(24,89,172)
```
#1158b3
```
#1158b3 rgb(17,88,179)
```
#0958bb
```
#0958bb rgb(9,88,187)
```
#0257c2
```
#0257c2 rgb(2,87,194)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4d5662 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c6198 Protanopia 1% of men
#3d639a Deuteranopia 1% of men
#156c74 Tritanopia 0.001% of the population

Trichromacy

#415f97 Protanomaly 1% of men, 0.01% of women
#386198 Deuteranomaly 6% of men, 0.4% of women
#1e6680 Tritanomaly 0.01% of the population

#2f5c95 hex color

#2f5c95 Color Information

#2f5c95 Color Conversion

Color Schemes with #2f5c95

Alternatives to #2f5c95

#2f5c95 Preview

Shades and Tints of #2f5c95

Tones of #2f5c95

Color Blindness Simulator