#1f7970 color information
In a RGB color space, hex #1f7970 is composed of 12.2% red, 47.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 0% magenta, 7.4% yellow and 52.5% black. It has a hue angle of 174 degrees, a saturation of 59.2% and a lightness of 29.8%. #1f7970 color hex could be obtained by blending #3ef2e0 with #000000. Closest websafe color is: #336666.
#1f7970 color conversion
The hexadecimal color #1f7970 has RGB values of R:31, G:121, B:112 and CMYK values of C:0.74, M:0, Y:0.07, K:0.53. Its decimal value is 2062704.
- Hex triplet 1f7970
#1f7970 - RGB Decimal 31, 121, 112
rgb(31,121,112) - RGB Percent 12.2, 47.5, 43.9
rgb(12.2%,47.5%,43.9%) - CMYK 74, 0, 7, 53
- HSL 174°, 59.2, 29.8
hsl(174,59%,30%) - HSV (or HSB) 174°, 74.4, 47.5
- Web Safe 336666
#336666
- CIE-LAB 45.818, -27.878, -2.58
- XYZ 10.326, 15.135, 17.705
- xyY 0.239, 0.351, 15.135
- CIE-LCH 45.818, 27.997, 185.288
- CIE-LUV 45.818, -33.141, 0.366
- Hunter-Lab 38.904, -20.702, 0.249
- Binary 00011111, 01111001, 01110000
Color Schemes with #1f7970
#1f7970 in action
This text has a font color of #1f7970.
<span style="color:#1f7970;">Text here</span>
This paragraph has a background color of #1f7970.
<p style="background-color:#1f7970;">Content here</p>
This element has a border color of #1f7970.
<div style="border:1px solid #1f7970;">Content here</div>
.text {color:#1f7970;}
.background {background-color:#1f7970;}
.border {border:1px solid #1f7970;}
Shades of #1f7970
- #071b19 #071b19
rgb(7,27,25) - #0f3b36 #0f3b36
rgb(15,59,54) - #175a53 #175a53
rgb(23,90,83) - #1f7970 #1f7970
rgb(31,121,112) - #27988d #27988d
rgb(39,152,141) - #2fb7aa #2fb7aa
rgb(47,183,170) - #40cec0 #40cec0
rgb(64,206,192) - #5fd6ca #5fd6ca
rgb(95,214,202) - #7eded4 #7eded4
rgb(126,222,212) - #9de6df #9de6df
rgb(157,230,223) - #bdeee9 #bdeee9
rgb(189,238,233) - #dcf6f3 #dcf6f3
rgb(220,246,243) - #fbfefe #fbfefe
rgb(251,254,254)
Color Blindness Simulator
Below, you can see how #1f7970 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.
