#2f6370 hex color

In a RGB color space, hex #2f6370 is composed of 18.4% red, 38.8% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 11.6% magenta, 0% yellow and 56.1% black. It has a hue angle of 192 degrees, a saturation of 40.9% and a lightness of 31.2%. #2f6370 color hex could be obtained by blending #5ec6e0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 39
- B 44
RGB color chart
- C 58
- M 12
- Y 0
- K 56
CMYK color chart

● #2f6370 color description : Very dark desaturated cyan.

The hexadecimal color #2f6370 has RGB values of R:47, G:99, B:112 and CMYK values of C:0.58, M:0.12, Y:0, K:0.56. Its decimal value is 3105648.

Hex triplet	2f6370	`#2f6370`
RGB Decimal	47, 99, 112	`rgb(47,99,112)`
RGB Percent	18.4, 38.8, 43.9	`rgb(18.4%,38.8%,43.9%)`
CMYK	58, 12, 0, 56
HSL	192°, 40.9, 31.2	`hsl(192,40.9%,31.2%)`
HSV (or HSB)	192°, 58, 43.9
Web Safe	336666	`#336666`

CIE-LAB	39.066, -13.25, -12.631
XYZ	8.558, 10.697, 16.942
xyY	0.236, 0.296, 10.697
CIE-LCH	39.066, 18.306, 223.63
CIE-LUV	39.066, -21.396, -15.443
Hunter-Lab	32.707, -10.531, -7.818
Binary	00101111, 01100011, 01110000

#2f6370
```
#2f6370 rgb(47,99,112)
```
#703c2f
```
#703c2f rgb(112,60,47)
```

Complementary Color

#2f705d
```
#2f705d rgb(47,112,93)
```
#2f6370
```
#2f6370 rgb(47,99,112)
```
#2f4370
```
#2f4370 rgb(47,67,112)
```

Analogous Color

#705d2f
```
#705d2f rgb(112,93,47)
```
#2f6370
```
#2f6370 rgb(47,99,112)
```
#702f43
```
#702f43 rgb(112,47,67)
```

Split Complementary Color

#63702f
```
#63702f rgb(99,112,47)
```
#2f6370
```
#2f6370 rgb(47,99,112)
```
#702f63
```
#702f63 rgb(112,47,99)
```

Triadic Color

#2f703c
```
#2f703c rgb(47,112,60)
```
#2f6370
```
#2f6370 rgb(47,99,112)
```
#702f63
```
#702f63 rgb(112,47,99)
```
#703c2f
```
#703c2f rgb(112,60,47)
```

Tetradic Color

#18333a
```
#18333a rgb(24,51,58)
```
#20434c
```
#20434c rgb(32,67,76)
```
#27535e
```
#27535e rgb(39,83,94)
```
#2f6370
```
#2f6370 rgb(47,99,112)
```
#377382
```
#377382 rgb(55,115,130)
```
#3e8394
```
#3e8394 rgb(62,131,148)
```
#4693a6
```
#4693a6 rgb(70,147,166)
```

Monochromatic Color

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

#2f706d
```
#2f706d rgb(47,112,109)
```
#2f6e70
```
#2f6e70 rgb(47,110,112)
```
#2f6870
```
#2f6870 rgb(47,104,112)
```
#2f6370
```
#2f6370 rgb(47,99,112)
```
#2f5e70
```
#2f5e70 rgb(47,94,112)
```
#2f5870
```
#2f5870 rgb(47,88,112)
```
#2f5370
```
#2f5370 rgb(47,83,112)
```

Similar Colors

Text with hexadecimal color #2f6370

This text has a font color of #2f6370.

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

#2f6370 background color

This paragraph has a background color of #2f6370.

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

#2f6370 border color

This element has a border color of #2f6370.

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

CSS codes

.text {color:#2f6370;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#060e0f
```
#060e0f rgb(6,14,15)
```
#0c1a1d
```
#0c1a1d rgb(12,26,29)
```
#12262b
```
#12262b rgb(18,38,43)
```
#183239
```
#183239 rgb(24,50,57)
```
#1e3e47
```
#1e3e47 rgb(30,62,71)
```
#234b54
```
#234b54 rgb(35,75,84)
```
#295762
```
#295762 rgb(41,87,98)
```
#2f6370
```
#2f6370 rgb(47,99,112)
```
#356f7e
```
#356f7e rgb(53,111,126)
```
#3b7b8c
```
#3b7b8c rgb(59,123,140)
```
#408899
```
#408899 rgb(64,136,153)
```
#4694a7
```
#4694a7 rgb(70,148,167)
```

Shade Color Variation

#4da0b4
```
#4da0b4 rgb(77,160,180)
```
#5ba7ba
```
#5ba7ba rgb(91,167,186)
```
#68aec0
```
#68aec0 rgb(104,174,192)
```
#76b6c6
```
#76b6c6 rgb(118,182,198)
```
#84bdcb
```
#84bdcb rgb(132,189,203)
```
#92c5d1
```
#92c5d1 rgb(146,197,209)
```
#a0ccd7
```
#a0ccd7 rgb(160,204,215)
```
#aed3dd
```
#aed3dd rgb(174,211,221)
```
#bbdbe3
```
#bbdbe3 rgb(187,219,227)
```
#c9e2e8
```
#c9e2e8 rgb(201,226,232)
```
#d7eaee
```
#d7eaee rgb(215,234,238)
```
#e5f1f4
```
#e5f1f4 rgb(229,241,244)
```
#f3f8fa
```
#f3f8fa rgb(243,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5151 is the less saturated color, while #047d9b is the most saturated one.

#4e5151
```
#4e5151 rgb(78,81,81)
```
#475458
```
#475458 rgb(71,84,88)
```
#41585e
```
#41585e rgb(65,88,94)
```
#3b5c64
```
#3b5c64 rgb(59,92,100)
```
#355f6a
```
#355f6a rgb(53,95,106)
```
#2f6370
```
#2f6370 rgb(47,99,112)
```
#296776
```
#296776 rgb(41,103,118)
```
#236a7c
```
#236a7c rgb(35,106,124)
```
#1d6e82
```
#1d6e82 rgb(29,110,130)
```
#177288
```
#177288 rgb(23,114,136)
```
#10758f
```
#10758f rgb(16,117,143)
```
#0a7995
```
#0a7995 rgb(10,121,149)
```
#047d9b
```
#047d9b rgb(4,125,155)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4d585a Atypical Achromatopsia 0.001% of the population

Dichromacy

#616372 Protanopia 1% of men
#61627a Deuteranopia 1% of men
#386b73 Tritanopia 0.001% of the population

Trichromacy

#4f6371 Protanomaly 1% of men, 0.01% of women
#4f6276 Deuteranomaly 6% of men, 0.4% of women
#346872 Tritanomaly 0.01% of the population

#2f6370 hex color

#2f6370 Color Information

#2f6370 Color Conversion

Color Schemes with #2f6370

Alternatives to #2f6370

#2f6370 Preview

Shades and Tints of #2f6370

Tones of #2f6370

Color Blindness Simulator