#2f5366 hex color

In a RGB color space, hex #2f5366 is composed of 18.4% red, 32.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 53.9% cyan, 18.6% magenta, 0% yellow and 60% black. It has a hue angle of 200.7 degrees, a saturation of 36.9% and a lightness of 29.2%. #2f5366 color hex could be obtained by blending #5ea6cc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 33
- B 40
RGB color chart
- C 54
- M 19
- Y 0
- K 60
CMYK color chart

● #2f5366 color description : Very dark desaturated blue.

The hexadecimal color #2f5366 has RGB values of R:47, G:83, B:102 and CMYK values of C:0.54, M:0.19, Y:0, K:0.6. Its decimal value is 3101542.

Hex triplet	2f5366	`#2f5366`
RGB Decimal	47, 83, 102	`rgb(47,83,102)`
RGB Percent	18.4, 32.5, 40	`rgb(18.4%,32.5%,40%)`
CMYK	54, 19, 0, 60
HSL	200.7°, 36.9, 29.2	`hsl(200.7,36.9%,29.2%)`
HSV (or HSB)	200.7°, 53.9, 40
Web Safe	336666	`#336666`

CIE-LAB	33.456, -7.007, -14.985
XYZ	6.663, 7.75, 13.714
xyY	0.237, 0.276, 7.75
CIE-LCH	33.456, 16.542, 244.94
CIE-LUV	33.456, -15.385, -18.781
Hunter-Lab	27.838, -5.993, -9.722
Binary	00101111, 01010011, 01100110

#2f5366
```
#2f5366 rgb(47,83,102)
```
#66422f
```
#66422f rgb(102,66,47)
```

Complementary Color

#2f665e
```
#2f665e rgb(47,102,94)
```
#2f5366
```
#2f5366 rgb(47,83,102)
```
#2f3866
```
#2f3866 rgb(47,56,102)
```

Analogous Color

#665e2f
```
#665e2f rgb(102,94,47)
```
#2f5366
```
#2f5366 rgb(47,83,102)
```
#662f38
```
#662f38 rgb(102,47,56)
```

Split Complementary Color

#53662f
```
#53662f rgb(83,102,47)
```
#2f5366
```
#2f5366 rgb(47,83,102)
```
#662f53
```
#662f53 rgb(102,47,83)
```

Triadic Color

#2f6642
```
#2f6642 rgb(47,102,66)
```
#2f5366
```
#2f5366 rgb(47,83,102)
```
#662f53
```
#662f53 rgb(102,47,83)
```
#66422f
```
#66422f rgb(102,66,47)
```

Tetradic Color

#172832
```
#172832 rgb(23,40,50)
```
#1f3743
```
#1f3743 rgb(31,55,67)
```
#274555
```
#274555 rgb(39,69,85)
```
#2f5366
```
#2f5366 rgb(47,83,102)
```
#376177
```
#376177 rgb(55,97,119)
```
#3f6f89
```
#3f6f89 rgb(63,111,137)
```
#477e9a
```
#477e9a rgb(71,126,154)
```

Monochromatic Color

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

#2f6166
```
#2f6166 rgb(47,97,102)
```
#2f5c66
```
#2f5c66 rgb(47,92,102)
```
#2f5866
```
#2f5866 rgb(47,88,102)
```
#2f5366
```
#2f5366 rgb(47,83,102)
```
#2f4e66
```
#2f4e66 rgb(47,78,102)
```
#2f4a66
```
#2f4a66 rgb(47,74,102)
```
#2f4566
```
#2f4566 rgb(47,69,102)
```

Similar Colors

Text with hexadecimal color #2f5366

This text has a font color of #2f5366.

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

#2f5366 background color

This paragraph has a background color of #2f5366.

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

#2f5366 border color

This element has a border color of #2f5366.

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

CSS codes

.text {color:#2f5366;}

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

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

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

#040708
```
#040708 rgb(4,7,8)
```
#0a1115
```
#0a1115 rgb(10,17,21)
```
#101c23
```
#101c23 rgb(16,28,35)
```
#162730
```
#162730 rgb(22,39,48)
```
#1c323e
```
#1c323e rgb(28,50,62)
```
#233d4b
```
#233d4b rgb(35,61,75)
```
#294859
```
#294859 rgb(41,72,89)
```
#2f5366
```
#2f5366 rgb(47,83,102)
```
#355e73
```
#355e73 rgb(53,94,115)
```
#3b6981
```
#3b6981 rgb(59,105,129)
```
#42748e
```
#42748e rgb(66,116,142)
```
#487f9c
```
#487f9c rgb(72,127,156)
```
#4e8aa9
```
#4e8aa9 rgb(78,138,169)
```

Shade Color Variation

#5893b2
```
#5893b2 rgb(88,147,178)
```
#669cb8
```
#669cb8 rgb(102,156,184)
```
#73a5bf
```
#73a5bf rgb(115,165,191)
```
#81adc5
```
#81adc5 rgb(129,173,197)
```
#8eb6cb
```
#8eb6cb rgb(142,182,203)
```
#9cbfd1
```
#9cbfd1 rgb(156,191,209)
```
#a9c7d7
```
#a9c7d7 rgb(169,199,215)
```
#b6d0de
```
#b6d0de rgb(182,208,222)
```
#c4d9e4
```
#c4d9e4 rgb(196,217,228)
```
#d1e1ea
```
#d1e1ea rgb(209,225,234)
```
#dfeaf0
```
#dfeaf0 rgb(223,234,240)
```
#ecf3f6
```
#ecf3f6 rgb(236,243,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#464c4f
```
#464c4f rgb(70,76,79)
```
#404e55
```
#404e55 rgb(64,78,85)
```
#3a4f5b
```
#3a4f5b rgb(58,79,91)
```
#355160
```
#355160 rgb(53,81,96)
```
#2f5366
```
#2f5366 rgb(47,83,102)
```
#29556c
```
#29556c rgb(41,85,108)
```
#245771
```
#245771 rgb(36,87,113)
```
#1e5877
```
#1e5877 rgb(30,88,119)
```
#185a7d
```
#185a7d rgb(24,90,125)
```
#125c83
```
#125c83 rgb(18,92,131)
```
#0d5e88
```
#0d5e88 rgb(13,94,136)
```
#075f8e
```
#075f8e rgb(7,95,142)
```
#016194
```
#016194 rgb(1,97,148)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#454c50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#52576a Protanopia 1% of men
#525670 Deuteranopia 1% of men
#355d64 Tritanopia 0.001% of the population

Trichromacy

#455569 Protanomaly 1% of men, 0.01% of women
#45556c Deuteranomaly 6% of men, 0.4% of women
#335965 Tritanomaly 0.01% of the population

#2f5366 hex color

#2f5366 Color Information

#2f5366 Color Conversion

Color Schemes with #2f5366

Alternatives to #2f5366

#2f5366 Preview

Shades and Tints of #2f5366

Tones of #2f5366

Color Blindness Simulator