#2f758d hex color

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

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

● #2f758d color description : Dark moderate blue.

The hexadecimal color #2f758d has RGB values of R:47, G:117, B:141 and CMYK values of C:0.67, M:0.17, Y:0, K:0.45. Its decimal value is 3110285.

Hex triplet	2f758d	`#2f758d`
RGB Decimal	47, 117, 141	`rgb(47,117,141)`
RGB Percent	18.4, 45.9, 55.3	`rgb(18.4%,45.9%,55.3%)`
CMYK	67, 17, 0, 45
HSL	195.3°, 50, 36.9	`hsl(195.3,50%,36.9%)`
HSV (or HSB)	195.3°, 66.7, 55.3
Web Safe	336699	`#336699`

CIE-LAB	45.973, -13.947, -19.557
XYZ	12.34, 15.249, 27.491
xyY	0.224, 0.277, 15.249
CIE-LCH	45.973, 24.02, 234.506
CIE-LUV	45.973, -27.062, -26.393
Hunter-Lab	39.05, -11.93, -14.405
Binary	00101111, 01110101, 10001101

#2f758d
```
#2f758d rgb(47,117,141)
```
#8d472f
```
#8d472f rgb(141,71,47)
```

Complementary Color

#2f8d76
```
#2f8d76 rgb(47,141,118)
```
#2f758d
```
#2f758d rgb(47,117,141)
```
#2f468d
```
#2f468d rgb(47,70,141)
```

Analogous Color

#8d762f
```
#8d762f rgb(141,118,47)
```
#2f758d
```
#2f758d rgb(47,117,141)
```
#8d2f46
```
#8d2f46 rgb(141,47,70)
```

Split Complementary Color

#758d2f
```
#758d2f rgb(117,141,47)
```
#2f758d
```
#2f758d rgb(47,117,141)
```
#8d2f75
```
#8d2f75 rgb(141,47,117)
```

Triadic Color

#2f8d47
```
#2f8d47 rgb(47,141,71)
```
#2f758d
```
#2f758d rgb(47,117,141)
```
#8d2f75
```
#8d2f75 rgb(141,47,117)
```
#8d472f
```
#8d472f rgb(141,71,47)
```

Tetradic Color

#1c4554
```
#1c4554 rgb(28,69,84)
```
#225567
```
#225567 rgb(34,85,103)
```
#29657a
```
#29657a rgb(41,101,122)
```
#2f758d
```
#2f758d rgb(47,117,141)
```
#3585a0
```
#3585a0 rgb(53,133,160)
```
#3c95b3
```
#3c95b3 rgb(60,149,179)
```
#47a2c2
```
#47a2c2 rgb(71,162,194)
```

Monochromatic Color

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

#2f8d8d
```
#2f8d8d rgb(47,141,141)
```
#2f858d
```
#2f858d rgb(47,133,141)
```
#2f7d8d
```
#2f7d8d rgb(47,125,141)
```
#2f758d
```
#2f758d rgb(47,117,141)
```
#2f6d8d
```
#2f6d8d rgb(47,109,141)
```
#2f658d
```
#2f658d rgb(47,101,141)
```
#2f5e8d
```
#2f5e8d rgb(47,94,141)
```

Similar Colors

Text with hexadecimal color #2f758d

This text has a font color of #2f758d.

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

#2f758d background color

This paragraph has a background color of #2f758d.

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

#2f758d border color

This element has a border color of #2f758d.

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

CSS codes

.text {color:#2f758d;}

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

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

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)
```
#0d2026
```
#0d2026 rgb(13,32,38)
```
#122c35
```
#122c35 rgb(18,44,53)
```
#163843
```
#163843 rgb(22,56,67)
```
#1b4452
```
#1b4452 rgb(27,68,82)
```
#205061
```
#205061 rgb(32,80,97)
```
#255d70
```
#255d70 rgb(37,93,112)
```
#2a697e
```
#2a697e rgb(42,105,126)
```
#2f758d
```
#2f758d rgb(47,117,141)
```
#34819c
```
#34819c rgb(52,129,156)
```
#398daa
```
#398daa rgb(57,141,170)
```
#3e9ab9
```
#3e9ab9 rgb(62,154,185)
```

Shade Color Variation

#48a3c2
```
#48a3c2 rgb(72,163,194)
```
#57aac7
```
#57aac7 rgb(87,170,199)
```
#66b2cc
```
#66b2cc rgb(102,178,204)
```
#74b9d1
```
#74b9d1 rgb(116,185,209)
```
#83c1d6
```
#83c1d6 rgb(131,193,214)
```
#92c8db
```
#92c8db rgb(146,200,219)
```
#a1cfe0
```
#a1cfe0 rgb(161,207,224)
```
#afd7e4
```
#afd7e4 rgb(175,215,228)
```
#bedee9
```
#bedee9 rgb(190,222,233)
```
#cde6ee
```
#cde6ee rgb(205,230,238)
```
#dbedf3
```
#dbedf3 rgb(219,237,243)
```
#eaf5f8
```
#eaf5f8 rgb(234,245,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 #048ab8 is the most saturated one.

#5a6062
```
#5a6062 rgb(90,96,98)
```
#536369
```
#536369 rgb(83,99,105)
```
#4c6770
```
#4c6770 rgb(76,103,112)
```
#456a77
```
#456a77 rgb(69,106,119)
```
#3d6e7f
```
#3d6e7f rgb(61,110,127)
```
#367186
```
#367186 rgb(54,113,134)
```
#2f758d
```
#2f758d rgb(47,117,141)
```
#287994
```
#287994 rgb(40,121,148)
```
#217c9b
```
#217c9b rgb(33,124,155)
```
#1980a3
```
#1980a3 rgb(25,128,163)
```
#1283aa
```
#1283aa rgb(18,131,170)
```
#0b87b1
```
#0b87b1 rgb(11,135,177)
```
#048ab8
```
#048ab8 rgb(4,138,184)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#59676b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e738d Protanopia 1% of men
#6b7296 Deuteranopia 1% of men
#327e87 Tritanopia 0.001% of the population

Trichromacy

#57738d Protanomaly 1% of men, 0.01% of women
#557393 Deuteranomaly 6% of men, 0.4% of women
#307a89 Tritanomaly 0.01% of the population

#2f758d hex color

#2f758d Color Information

#2f758d Color Conversion

Color Schemes with #2f758d

Alternatives to #2f758d

#2f758d Preview

Shades and Tints of #2f758d

Tones of #2f758d

Color Blindness Simulator