#3f949d hex color

In a RGB color space, hex #3f949d is composed of 24.7% red, 58% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 5.7% magenta, 0% yellow and 38.4% black. It has a hue angle of 185.7 degrees, a saturation of 42.7% and a lightness of 43.1%. #3f949d color hex could be obtained by blending #7effff with #00293b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 25
- G 58
- B 62
RGB color chart
- C 60
- M 6
- Y 0
- K 38
CMYK color chart

● #3f949d color description : Dark moderate cyan.

The hexadecimal color #3f949d has RGB values of R:63, G:148, B:157 and CMYK values of C:0.6, M:0.06, Y:0, K:0.38. Its decimal value is 4166813.

Hex triplet	3f949d	`#3f949d`
RGB Decimal	63, 148, 157	`rgb(63,148,157)`
RGB Percent	24.7, 58, 61.6	`rgb(24.7%,58%,61.6%)`
CMYK	60, 6, 0, 38
HSL	185.7°, 42.7, 43.1	`hsl(185.7,42.7%,43.1%)`
HSV (or HSB)	185.7°, 59.9, 61.6
Web Safe	339999	`#339999`

CIE-LAB	56.752, -22.655, -12.44
XYZ	18.724, 24.669, 35.671
xyY	0.237, 0.312, 24.669
CIE-LCH	56.752, 25.846, 208.771
CIE-LUV	56.752, -34.508, -15.129
Hunter-Lab	49.668, -19.629, -7.814
Binary	00111111, 10010100, 10011101

#3f949d
```
#3f949d rgb(63,148,157)
```
#9d483f
```
#9d483f rgb(157,72,63)
```

Complementary Color

#3f9d77
```
#3f9d77 rgb(63,157,119)
```
#3f949d
```
#3f949d rgb(63,148,157)
```
#3f659d
```
#3f659d rgb(63,101,157)
```

Analogous Color

#9d773f
```
#9d773f rgb(157,119,63)
```
#3f949d
```
#3f949d rgb(63,148,157)
```
#9d3f65
```
#9d3f65 rgb(157,63,101)
```

Split Complementary Color

#949d3f
```
#949d3f rgb(148,157,63)
```
#3f949d
```
#3f949d rgb(63,148,157)
```
#9d3f94
```
#9d3f94 rgb(157,63,148)
```

Triadic Color

#3f9d48
```
#3f9d48 rgb(63,157,72)
```
#3f949d
```
#3f949d rgb(63,148,157)
```
#9d3f94
```
#9d3f94 rgb(157,63,148)
```
#9d483f
```
#9d483f rgb(157,72,63)
```

Tetradic Color

#296166
```
#296166 rgb(41,97,102)
```
#307279
```
#307279 rgb(48,114,121)
```
#38838b
```
#38838b rgb(56,131,139)
```
#3f949d
```
#3f949d rgb(63,148,157)
```
#46a5af
```
#46a5af rgb(70,165,175)
```
#54b1bb
```
#54b1bb rgb(84,177,187)
```
#67b9c2
```
#67b9c2 rgb(103,185,194)
```

Monochromatic Color

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

#3f9d8f
```
#3f9d8f rgb(63,157,143)
```
#3f9d96
```
#3f9d96 rgb(63,157,150)
```
#3f9c9d
```
#3f9c9d rgb(63,156,157)
```
#3f949d
```
#3f949d rgb(63,148,157)
```
#3f8c9d
```
#3f8c9d rgb(63,140,157)
```
#3f849d
```
#3f849d rgb(63,132,157)
```
#3f7d9d
```
#3f7d9d rgb(63,125,157)
```

Similar Colors

Text with hexadecimal color #3f949d

This text has a font color of #3f949d.

<span style="color:#3f949d;">Text here</span>

#3f949d background color

This paragraph has a background color of #3f949d.

<p style="background-color:#3f949d;">Content here</p>

#3f949d border color

This element has a border color of #3f949d.

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

CSS codes

.text {color:#3f949d;}

.background {background-color:#3f949d;}

.border {border:1px solid #3f949d;}

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

#010303
```
#010303 rgb(1,3,3)
```
#071011
```
#071011 rgb(7,16,17)
```
#0c1d1f
```
#0c1d1f rgb(12,29,31)
```
#122a2d
```
#122a2d rgb(18,42,45)
```
#18383b
```
#18383b rgb(24,56,59)
```
#1d4549
```
#1d4549 rgb(29,69,73)
```
#235257
```
#235257 rgb(35,82,87)
```
#295f65
```
#295f65 rgb(41,95,101)
```
#2e6c73
```
#2e6c73 rgb(46,108,115)
```
#347a81
```
#347a81 rgb(52,122,129)
```
#39878f
```
#39878f rgb(57,135,143)
```
#3f949d
```
#3f949d rgb(63,148,157)
```
#45a1ab
```
#45a1ab rgb(69,161,171)
```

Shade Color Variation

#4cadb7
```
#4cadb7 rgb(76,173,183)
```
#5ab3bd
```
#5ab3bd rgb(90,179,189)
```
#68bac2
```
#68bac2 rgb(104,186,194)
```
#76c0c8
```
#76c0c8 rgb(118,192,200)
```
#84c7ce
```
#84c7ce rgb(132,199,206)
```
#92cdd3
```
#92cdd3 rgb(146,205,211)
```
#a0d3d9
```
#a0d3d9 rgb(160,211,217)
```
#aedadf
```
#aedadf rgb(174,218,223)
```
#bce0e4
```
#bce0e4 rgb(188,224,228)
```
#cae7ea
```
#cae7ea rgb(202,231,234)
```
#d8edef
```
#d8edef rgb(216,237,239)
```
#e6f4f5
```
#e6f4f5 rgb(230,244,245)
```
#f4fafb
```
#f4fafb rgb(244,250,251)
```

Tint Color Variation

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

#697273
```
#697273 rgb(105,114,115)
```
#61797b
```
#61797b rgb(97,121,123)
```
#587f84
```
#587f84 rgb(88,127,132)
```
#50868c
```
#50868c rgb(80,134,140)
```
#478d95
```
#478d95 rgb(71,141,149)
```
#3f949d
```
#3f949d rgb(63,148,157)
```
#379ba5
```
#379ba5 rgb(55,155,165)
```
#2ea2ae
```
#2ea2ae rgb(46,162,174)
```
#26a9b6
```
#26a9b6 rgb(38,169,182)
```
#1dafbf
```
#1dafbf rgb(29,175,191)
```
#15b6c7
```
#15b6c7 rgb(21,182,199)
```
#0cbdd0
```
#0cbdd0 rgb(12,189,208)
```
#04c4d8
```
#04c4d8 rgb(4,196,216)
```

Tone Color Variation

Below, you can see how #3f949d 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

#7c7c7c Achromatopsia 0.005% of the population
#708183 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8d9b Protanopia 1% of men
#8e8ba7 Deuteranopia 1% of men
#4a99a4 Tritanopia 0.001% of the population

Trichromacy

#708f9b Protanomaly 1% of men, 0.01% of women
#718ea3 Deuteranomaly 6% of men, 0.4% of women
#4697a1 Tritanomaly 0.01% of the population

#3f949d hex color

#3f949d Color Information

#3f949d Color Conversion

Color Schemes with #3f949d

Alternatives to #3f949d

#3f949d Preview

Shades and Tints of #3f949d

Tones of #3f949d

Color Blindness Simulator