#2f6384 hex color

In a RGB color space, hex #2f6384 is composed of 18.4% red, 38.8% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 25% magenta, 0% yellow and 48.2% black. It has a hue angle of 203.3 degrees, a saturation of 47.5% and a lightness of 35.1%. #2f6384 color hex could be obtained by blending #5ec6ff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 39
- B 52
RGB color chart
- C 64
- M 25
- Y 0
- K 48
CMYK color chart

● #2f6384 color description : Dark moderate blue.

The hexadecimal color #2f6384 has RGB values of R:47, G:99, B:132 and CMYK values of C:0.64, M:0.25, Y:0, K:0.48. Its decimal value is 3105668.

Hex triplet	2f6384	`#2f6384`
RGB Decimal	47, 99, 132	`rgb(47,99,132)`
RGB Percent	18.4, 38.8, 51.8	`rgb(18.4%,38.8%,51.8%)`
CMYK	64, 25, 0, 48
HSL	203.3°, 47.5, 35.1	`hsl(203.3,47.5%,35.1%)`
HSV (or HSB)	203.3°, 64.4, 51.8
Web Safe	336699	`#336699`

CIE-LAB	39.904, -6.524, -23.535
XYZ	9.798, 11.193, 23.473
xyY	0.22, 0.252, 11.193
CIE-LCH	39.904, 24.423, 254.507
CIE-LUV	39.904, -20.689, -32.327
Hunter-Lab	33.456, -6.273, -18.178
Binary	00101111, 01100011, 10000100

#2f6384
```
#2f6384 rgb(47,99,132)
```
#84502f
```
#84502f rgb(132,80,47)
```

Complementary Color

#2f847b
```
#2f847b rgb(47,132,123)
```
#2f6384
```
#2f6384 rgb(47,99,132)
```
#2f3984
```
#2f3984 rgb(47,57,132)
```

Analogous Color

#847b2f
```
#847b2f rgb(132,123,47)
```
#2f6384
```
#2f6384 rgb(47,99,132)
```
#842f39
```
#842f39 rgb(132,47,57)
```

Split Complementary Color

#63842f
```
#63842f rgb(99,132,47)
```
#2f6384
```
#2f6384 rgb(47,99,132)
```
#842f63
```
#842f63 rgb(132,47,99)
```

Triadic Color

#2f8450
```
#2f8450 rgb(47,132,80)
```
#2f6384
```
#2f6384 rgb(47,99,132)
```
#842f63
```
#842f63 rgb(132,47,99)
```
#84502f
```
#84502f rgb(132,80,47)
```

Tetradic Color

#1b394c
```
#1b394c rgb(27,57,76)
```
#22475e
```
#22475e rgb(34,71,94)
```
#285571
```
#285571 rgb(40,85,113)
```
#2f6384
```
#2f6384 rgb(47,99,132)
```
#367197
```
#367197 rgb(54,113,151)
```
#3c7faa
```
#3c7faa rgb(60,127,170)
```
#438dbc
```
#438dbc rgb(67,141,188)
```

Monochromatic Color

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

#2f7884
```
#2f7884 rgb(47,120,132)
```
#2f7184
```
#2f7184 rgb(47,113,132)
```
#2f6a84
```
#2f6a84 rgb(47,106,132)
```
#2f6384
```
#2f6384 rgb(47,99,132)
```
#2f5c84
```
#2f5c84 rgb(47,92,132)
```
#2f5584
```
#2f5584 rgb(47,85,132)
```
#2f4e84
```
#2f4e84 rgb(47,78,132)
```

Similar Colors

Text with hexadecimal color #2f6384

This text has a font color of #2f6384.

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

#2f6384 background color

This paragraph has a background color of #2f6384.

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

#2f6384 border color

This element has a border color of #2f6384.

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

CSS codes

.text {color:#2f6384;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060c10
```
#060c10 rgb(6,12,16)
```
#0b171f
```
#0b171f rgb(11,23,31)
```
#10222d
```
#10222d rgb(16,34,45)
```
#152d3c
```
#152d3c rgb(21,45,60)
```
#1a384a
```
#1a384a rgb(26,56,74)
```
#204259
```
#204259 rgb(32,66,89)
```
#254d67
```
#254d67 rgb(37,77,103)
```
#2a5876
```
#2a5876 rgb(42,88,118)
```
#2f6384
```
#2f6384 rgb(47,99,132)
```
#346e92
```
#346e92 rgb(52,110,146)
```
#3979a1
```
#3979a1 rgb(57,121,161)
```
#3e84af
```
#3e84af rgb(62,132,175)
```

Shade Color Variation

#458ebd
```
#458ebd rgb(69,142,189)
```
#5397c2
```
#5397c2 rgb(83,151,194)
```
#62a0c7
```
#62a0c7 rgb(98,160,199)
```
#70a8cc
```
#70a8cc rgb(112,168,204)
```
#7fb1d1
```
#7fb1d1 rgb(127,177,209)
```
#8dbad6
```
#8dbad6 rgb(141,186,214)
```
#9cc3dc
```
#9cc3dc rgb(156,195,220)
```
#aacce1
```
#aacce1 rgb(170,204,225)
```
#b8d4e6
```
#b8d4e6 rgb(184,212,230)
```
#c7ddeb
```
#c7ddeb rgb(199,221,235)
```
#d5e6f0
```
#d5e6f0 rgb(213,230,240)
```
#e4eff5
```
#e4eff5 rgb(228,239,245)
```
#f2f7fa
```
#f2f7fa rgb(242,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585a5b is the less saturated color, while #066cad is the most saturated one.

#585a5b
```
#585a5b rgb(88,90,91)
```
#515b62
```
#515b62 rgb(81,91,98)
```
#4b5d68
```
#4b5d68 rgb(75,93,104)
```
#445e6f
```
#445e6f rgb(68,94,111)
```
#3d6076
```
#3d6076 rgb(61,96,118)
```
#36617d
```
#36617d rgb(54,97,125)
```
#2f6384
```
#2f6384 rgb(47,99,132)
```
#28658b
```
#28658b rgb(40,101,139)
```
#216692
```
#216692 rgb(33,102,146)
```
#1a6899
```
#1a6899 rgb(26,104,153)
```
#1369a0
```
#1369a0 rgb(19,105,160)
```
#0d6ba6
```
#0d6ba6 rgb(13,107,166)
```
#066cad
```
#066cad rgb(6,108,173)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f5960 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c6586 Protanopia 1% of men
#57658c Deuteranopia 1% of men
#2d6e77 Tritanopia 0.001% of the population

Trichromacy

#4b6485 Protanomaly 1% of men, 0.01% of women
#486489 Deuteranomaly 6% of men, 0.4% of women
#2e6a7b Tritanomaly 0.01% of the population

#2f6384 hex color

#2f6384 Color Information

#2f6384 Color Conversion

Color Schemes with #2f6384

Alternatives to #2f6384

#2f6384 Preview

Shades and Tints of #2f6384

Tones of #2f6384

Color Blindness Simulator