#2f738d hex color

In a RGB color space, hex #2f738d is composed of 18.4% red, 45.1% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 18.4% magenta, 0% yellow and 44.7% black. It has a hue angle of 196.6 degrees, a saturation of 50% and a lightness of 36.9%. #2f738d color hex could be obtained by blending #5ee6ff with #00001b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 45
- B 55
RGB color chart
- C 67
- M 18
- Y 0
- K 45
CMYK color chart

● #2f738d color description : Dark moderate blue.

The hexadecimal color #2f738d has RGB values of R:47, G:115, B:141 and CMYK values of C:0.67, M:0.18, Y:0, K:0.45. Its decimal value is 3109773.

Hex triplet	2f738d	`#2f738d`
RGB Decimal	47, 115, 141	`rgb(47,115,141)`
RGB Percent	18.4, 45.1, 55.3	`rgb(18.4%,45.1%,55.3%)`
CMYK	67, 18, 0, 45
HSL	196.6°, 50, 36.9	`hsl(196.6,50%,36.9%)`
HSV (or HSB)	196.6°, 66.7, 55.3
Web Safe	336699	`#336699`

CIE-LAB	45.342, -12.813, -20.527
XYZ	12.109, 14.788, 27.414
xyY	0.223, 0.272, 14.788
CIE-LCH	45.342, 24.198, 238.026
CIE-LUV	45.342, -26.312, -27.933
Hunter-Lab	38.455, -11.087, -15.348
Binary	00101111, 01110011, 10001101

#2f738d
```
#2f738d rgb(47,115,141)
```
#8d492f
```
#8d492f rgb(141,73,47)
```

Complementary Color

#2f8d78
```
#2f8d78 rgb(47,141,120)
```
#2f738d
```
#2f738d rgb(47,115,141)
```
#2f448d
```
#2f448d rgb(47,68,141)
```

Analogous Color

#8d782f
```
#8d782f rgb(141,120,47)
```
#2f738d
```
#2f738d rgb(47,115,141)
```
#8d2f44
```
#8d2f44 rgb(141,47,68)
```

Split Complementary Color

#738d2f
```
#738d2f rgb(115,141,47)
```
#2f738d
```
#2f738d rgb(47,115,141)
```
#8d2f73
```
#8d2f73 rgb(141,47,115)
```

Triadic Color

#2f8d49
```
#2f8d49 rgb(47,141,73)
```
#2f738d
```
#2f738d rgb(47,115,141)
```
#8d2f73
```
#8d2f73 rgb(141,47,115)
```
#8d492f
```
#8d492f rgb(141,73,47)
```

Tetradic Color

#1c4454
```
#1c4454 rgb(28,68,84)
```
#225467
```
#225467 rgb(34,84,103)
```
#29637a
```
#29637a rgb(41,99,122)
```
#2f738d
```
#2f738d rgb(47,115,141)
```
#3583a0
```
#3583a0 rgb(53,131,160)
```
#3c92b3
```
#3c92b3 rgb(60,146,179)
```
#47a0c2
```
#47a0c2 rgb(71,160,194)
```

Monochromatic Color

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

#2f8b8d
```
#2f8b8d rgb(47,139,141)
```
#2f838d
```
#2f838d rgb(47,131,141)
```
#2f7b8d
```
#2f7b8d rgb(47,123,141)
```
#2f738d
```
#2f738d rgb(47,115,141)
```
#2f6b8d
```
#2f6b8d rgb(47,107,141)
```
#2f638d
```
#2f638d rgb(47,99,141)
```
#2f5c8d
```
#2f5c8d rgb(47,92,141)
```

Similar Colors

Text with hexadecimal color #2f738d

This text has a font color of #2f738d.

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

#2f738d background color

This paragraph has a background color of #2f738d.

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

#2f738d border color

This element has a border color of #2f738d.

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

CSS codes

.text {color:#2f738d;}

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

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

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

#030709
```
#030709 rgb(3,7,9)
```
#081317
```
#081317 rgb(8,19,23)
```
#0d1f26
```
#0d1f26 rgb(13,31,38)
```
#122b35
```
#122b35 rgb(18,43,53)
```
#163743
```
#163743 rgb(22,55,67)
```
#1b4352
```
#1b4352 rgb(27,67,82)
```
#204f61
```
#204f61 rgb(32,79,97)
```
#255b70
```
#255b70 rgb(37,91,112)
```
#2a677e
```
#2a677e rgb(42,103,126)
```
#2f738d
```
#2f738d rgb(47,115,141)
```
#347f9c
```
#347f9c rgb(52,127,156)
```
#398baa
```
#398baa rgb(57,139,170)
```
#3e97b9
```
#3e97b9 rgb(62,151,185)
```

Shade Color Variation

#48a0c2
```
#48a0c2 rgb(72,160,194)
```
#57a8c7
```
#57a8c7 rgb(87,168,199)
```
#66b0cc
```
#66b0cc rgb(102,176,204)
```
#74b7d1
```
#74b7d1 rgb(116,183,209)
```
#83bfd6
```
#83bfd6 rgb(131,191,214)
```
#92c7db
```
#92c7db rgb(146,199,219)
```
#a1cee0
```
#a1cee0 rgb(161,206,224)
```
#afd6e4
```
#afd6e4 rgb(175,214,228)
```
#bedde9
```
#bedde9 rgb(190,221,233)
```
#cde5ee
```
#cde5ee rgb(205,229,238)
```
#dbedf3
```
#dbedf3 rgb(219,237,243)
```
#eaf4f8
```
#eaf4f8 rgb(234,244,248)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

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

#5a6062
```
#5a6062 rgb(90,96,98)
```
#536369
```
#536369 rgb(83,99,105)
```
#4c6670
```
#4c6670 rgb(76,102,112)
```
#456977
```
#456977 rgb(69,105,119)
```
#3d6d7f
```
#3d6d7f rgb(61,109,127)
```
#367086
```
#367086 rgb(54,112,134)
```
#2f738d
```
#2f738d rgb(47,115,141)
```
#287694
```
#287694 rgb(40,118,148)
```
#21799b
```
#21799b rgb(33,121,155)
```
#197da3
```
#197da3 rgb(25,125,163)
```
#1280aa
```
#1280aa rgb(18,128,170)
```
#0b83b1
```
#0b83b1 rgb(11,131,177)
```
#0486b8
```
#0486b8 rgb(4,134,184)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#58656b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b718d Protanopia 1% of men
#687196 Deuteranopia 1% of men
#307c85 Tritanopia 0.001% of the population

Trichromacy

#55728d Protanomaly 1% of men, 0.01% of women
#537292 Deuteranomaly 6% of men, 0.4% of women
#307988 Tritanomaly 0.01% of the population

#2f738d hex color

#2f738d Color Information

#2f738d Color Conversion

Color Schemes with #2f738d

Alternatives to #2f738d

#2f738d Preview

Shades and Tints of #2f738d

Tones of #2f738d

Color Blindness Simulator