#2f6a9c hex color

In a RGB color space, hex #2f6a9c is composed of 18.4% red, 41.6% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 32.1% magenta, 0% yellow and 38.8% black. It has a hue angle of 207.5 degrees, a saturation of 53.7% and a lightness of 39.8%. #2f6a9c color hex could be obtained by blending #5ed4ff with #000039. Closest websafe color is: #336699.

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

● #2f6a9c color description : Dark moderate blue.

The hexadecimal color #2f6a9c has RGB values of R:47, G:106, B:156 and CMYK values of C:0.7, M:0.32, Y:0, K:0.39. Its decimal value is 3107484.

Hex triplet	2f6a9c	`#2f6a9c`
RGB Decimal	47, 106, 156	`rgb(47,106,156)`
RGB Percent	18.4, 41.6, 61.2	`rgb(18.4%,41.6%,61.2%)`
CMYK	70, 32, 0, 39
HSL	207.5°, 53.7, 39.8	`hsl(207.5,53.7%,39.8%)`
HSV (or HSB)	207.5°, 69.9, 61.2
Web Safe	336699	`#336699`

CIE-LAB	43.229, -2.217, -32.724
XYZ	12.326, 13.312, 33.371
xyY	0.209, 0.226, 13.312
CIE-LCH	43.229, 32.799, 266.124
CIE-LUV	43.229, -22.41, -47.478
Hunter-Lab	36.485, -3.548, -28.689
Binary	00101111, 01101010, 10011100

#2f6a9c
```
#2f6a9c rgb(47,106,156)
```
#9c612f
```
#9c612f rgb(156,97,47)
```

Complementary Color

#2f9c98
```
#2f9c98 rgb(47,156,152)
```
#2f6a9c
```
#2f6a9c rgb(47,106,156)
```
#2f349c
```
#2f349c rgb(47,52,156)
```

Analogous Color

#9c982f
```
#9c982f rgb(156,152,47)
```
#2f6a9c
```
#2f6a9c rgb(47,106,156)
```
#9c2f34
```
#9c2f34 rgb(156,47,52)
```

Split Complementary Color

#6a9c2f
```
#6a9c2f rgb(106,156,47)
```
#2f6a9c
```
#2f6a9c rgb(47,106,156)
```
#9c2f6a
```
#9c2f6a rgb(156,47,106)
```

Triadic Color

#2f9c61
```
#2f9c61 rgb(47,156,97)
```
#2f6a9c
```
#2f6a9c rgb(47,106,156)
```
#9c2f6a
```
#9c2f6a rgb(156,47,106)
```
#9c612f
```
#9c612f rgb(156,97,47)
```

Tetradic Color

#1d4261
```
#1d4261 rgb(29,66,97)
```
#234f75
```
#234f75 rgb(35,79,117)
```
#295d88
```
#295d88 rgb(41,93,136)
```
#2f6a9c
```
#2f6a9c rgb(47,106,156)
```
#3577b0
```
#3577b0 rgb(53,119,176)
```
#3b85c3
```
#3b85c3 rgb(59,133,195)
```
#4e91ca
```
#4e91ca rgb(78,145,202)
```

Monochromatic Color

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

#2f859c
```
#2f859c rgb(47,133,156)
```
#2f7c9c
```
#2f7c9c rgb(47,124,156)
```
#2f739c
```
#2f739c rgb(47,115,156)
```
#2f6a9c
```
#2f6a9c rgb(47,106,156)
```
#2f619c
```
#2f619c rgb(47,97,156)
```
#2f589c
```
#2f589c rgb(47,88,156)
```
#2f4f9c
```
#2f4f9c rgb(47,79,156)
```

Similar Colors

Text with hexadecimal color #2f6a9c

This text has a font color of #2f6a9c.

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

#2f6a9c background color

This paragraph has a background color of #2f6a9c.

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

#2f6a9c border color

This element has a border color of #2f6a9c.

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

CSS codes

.text {color:#2f6a9c;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#060e14
```
#060e14 rgb(6,14,20)
```
#0b1823
```
#0b1823 rgb(11,24,35)
```
#0f2232
```
#0f2232 rgb(15,34,50)
```
#142d42
```
#142d42 rgb(20,45,66)
```
#183751
```
#183751 rgb(24,55,81)
```
#1d4160
```
#1d4160 rgb(29,65,96)
```
#214b6f
```
#214b6f rgb(33,75,111)
```
#26567e
```
#26567e rgb(38,86,126)
```
#2a608d
```
#2a608d rgb(42,96,141)
```
#2f6a9c
```
#2f6a9c rgb(47,106,156)
```
#3474ab
```
#3474ab rgb(52,116,171)
```
#387eba
```
#387eba rgb(56,126,186)
```

Shade Color Variation

#4088c6
```
#4088c6 rgb(64,136,198)
```
#4f92ca
```
#4f92ca rgb(79,146,202)
```
#5e9bcf
```
#5e9bcf rgb(94,155,207)
```
#6ea5d3
```
#6ea5d3 rgb(110,165,211)
```
#7daed8
```
#7daed8 rgb(125,174,216)
```
#8cb7dc
```
#8cb7dc rgb(140,183,220)
```
#9bc1e1
```
#9bc1e1 rgb(155,193,225)
```
#aacae5
```
#aacae5 rgb(170,202,229)
```
#b9d3ea
```
#b9d3ea rgb(185,211,234)
```
#c8ddee
```
#c8ddee rgb(200,221,238)
```
#d7e6f3
```
#d7e6f3 rgb(215,230,243)
```
#e6f0f8
```
#e6f0f8 rgb(230,240,248)
```
#f5f9fc
```
#f5f9fc rgb(245,249,252)
```

Tint Color Variation

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

#5e666d
```
#5e666d rgb(94,102,109)
```
#566775
```
#566775 rgb(86,103,117)
```
#4e677d
```
#4e677d rgb(78,103,125)
```
#466885
```
#466885 rgb(70,104,133)
```
#3f698c
```
#3f698c rgb(63,105,140)
```
#376994
```
#376994 rgb(55,105,148)
```
#2f6a9c
```
#2f6a9c rgb(47,106,156)
```
#276ba4
```
#276ba4 rgb(39,107,164)
```
#1f6bac
```
#1f6bac rgb(31,107,172)
```
#186cb3
```
#186cb3 rgb(24,108,179)
```
#106dbb
```
#106dbb rgb(16,109,187)
```
#086dc3
```
#086dc3 rgb(8,109,195)
```
#006ecb
```
#006ecb rgb(0,110,203)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#55606a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c6c9d Protanopia 1% of men
#516da2 Deuteranopia 1% of men
#1a7881 Tritanopia 0.001% of the population

Trichromacy

#4b6b9c Protanomaly 1% of men, 0.01% of women
#446ca0 Deuteranomaly 6% of men, 0.4% of women
#21738a Tritanomaly 0.01% of the population

#2f6a9c hex color

#2f6a9c Color Information

#2f6a9c Color Conversion

Color Schemes with #2f6a9c

Alternatives to #2f6a9c

#2f6a9c Preview

Shades and Tints of #2f6a9c

Tones of #2f6a9c

Color Blindness Simulator