#307f70 hex color

In a RGB color space, hex #307f70 is composed of 18.8% red, 49.8% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 0% magenta, 11.8% yellow and 50.2% black. It has a hue angle of 168.6 degrees, a saturation of 45.1% and a lightness of 34.3%. #307f70 color hex could be obtained by blending #60fee0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 50
- B 44
RGB color chart
- C 62
- M 0
- Y 12
- K 50
CMYK color chart

● #307f70 color description : Dark moderate cyan.

The hexadecimal color #307f70 has RGB values of R:48, G:127, B:112 and CMYK values of C:0.62, M:0, Y:0.12, K:0.5. Its decimal value is 3178352.

Hex triplet	307f70	`#307f70`
RGB Decimal	48, 127, 112	`rgb(48,127,112)`
RGB Percent	18.8, 49.8, 43.9	`rgb(18.8%,49.8%,43.9%)`
CMYK	62, 0, 12, 50
HSL	168.6°, 45.1, 34.3	`hsl(168.6,45.1%,34.3%)`
HSV (or HSB)	168.6°, 62.2, 49.8
Web Safe	336666	`#336666`

CIE-LAB	48.23, -27.901, 1.002
XYZ	11.732, 16.976, 17.987
xyY	0.251, 0.364, 16.976
CIE-LCH	48.23, 27.919, 177.943
CIE-LUV	48.23, -32.191, 5.404
Hunter-Lab	41.202, -21.277, 2.958
Binary	00110000, 01111111, 01110000

#307f70
```
#307f70 rgb(48,127,112)
```
#7f303f
```
#7f303f rgb(127,48,63)
```

Complementary Color

#307f49
```
#307f49 rgb(48,127,73)
```
#307f70
```
#307f70 rgb(48,127,112)
```
#30677f
```
#30677f rgb(48,103,127)
```

Analogous Color

#7f4930
```
#7f4930 rgb(127,73,48)
```
#307f70
```
#307f70 rgb(48,127,112)
```
#7f3067
```
#7f3067 rgb(127,48,103)
```

Split Complementary Color

#7f7030
```
#7f7030 rgb(127,112,48)
```
#307f70
```
#307f70 rgb(48,127,112)
```
#70307f
```
#70307f rgb(112,48,127)
```

Triadic Color

#3f7f30
```
#3f7f30 rgb(63,127,48)
```
#307f70
```
#307f70 rgb(48,127,112)
```
#70307f
```
#70307f rgb(112,48,127)
```
#7f303f
```
#7f303f rgb(127,48,63)
```

Tetradic Color

#1b473f
```
#1b473f rgb(27,71,63)
```
#225a4f
```
#225a4f rgb(34,90,79)
```
#296c60
```
#296c60 rgb(41,108,96)
```
#307f70
```
#307f70 rgb(48,127,112)
```
#379280
```
#379280 rgb(55,146,128)
```
#3ea491
```
#3ea491 rgb(62,164,145)
```
#45b7a1
```
#45b7a1 rgb(69,183,161)
```

Monochromatic Color

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

#307f5c
```
#307f5c rgb(48,127,92)
```
#307f63
```
#307f63 rgb(48,127,99)
```
#307f69
```
#307f69 rgb(48,127,105)
```
#307f70
```
#307f70 rgb(48,127,112)
```
#307f77
```
#307f77 rgb(48,127,119)
```
#307f7d
```
#307f7d rgb(48,127,125)
```
#307a7f
```
#307a7f rgb(48,122,127)
```

Similar Colors

Text with hexadecimal color #307f70

This text has a font color of #307f70.

<span style="color:#307f70;">Text here</span>

#307f70 background color

This paragraph has a background color of #307f70.

<p style="background-color:#307f70;">Content here</p>

#307f70 border color

This element has a border color of #307f70.

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

CSS codes

.text {color:#307f70;}

.background {background-color:#307f70;}

.border {border:1px solid #307f70;}

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, #050d0c is the darkest color, while #fefffe is the lightest one.

#050d0c
```
#050d0c rgb(5,13,12)
```
#0a1b18
```
#0a1b18 rgb(10,27,24)
```
#102a25
```
#102a25 rgb(16,42,37)
```
#153831
```
#153831 rgb(21,56,49)
```
#1a463e
```
#1a463e rgb(26,70,62)
```
#20544a
```
#20544a rgb(32,84,74)
```
#256357
```
#256357 rgb(37,99,87)
```
#2b7163
```
#2b7163 rgb(43,113,99)
```
#307f70
```
#307f70 rgb(48,127,112)
```
#358d7d
```
#358d7d rgb(53,141,125)
```
#3b9b89
```
#3b9b89 rgb(59,155,137)
```
#40aa96
```
#40aa96 rgb(64,170,150)
```
#46b8a2
```
#46b8a2 rgb(70,184,162)
```

Shade Color Variation

#53beaa
```
#53beaa rgb(83,190,170)
```
#61c3b1
```
#61c3b1 rgb(97,195,177)
```
#70c9b8
```
#70c9b8 rgb(112,201,184)
```
#7ecebf
```
#7ecebf rgb(126,206,191)
```
#8cd4c6
```
#8cd4c6 rgb(140,212,198)
```
#9ad9cd
```
#9ad9cd rgb(154,217,205)
```
#a8ded4
```
#a8ded4 rgb(168,222,212)
```
#b7e4db
```
#b7e4db rgb(183,228,219)
```
#c5e9e2
```
#c5e9e2 rgb(197,233,226)
```
#d3eee9
```
#d3eee9 rgb(211,238,233)
```
#e1f4f0
```
#e1f4f0 rgb(225,244,240)
```
#f0f9f7
```
#f0f9f7 rgb(240,249,247)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525d5b is the less saturated color, while #01ae8d is the most saturated one.

#525d5b
```
#525d5b rgb(82,93,91)
```
#4b645f
```
#4b645f rgb(75,100,95)
```
#446b63
```
#446b63 rgb(68,107,99)
```
#3d7268
```
#3d7268 rgb(61,114,104)
```
#37786c
```
#37786c rgb(55,120,108)
```
#307f70
```
#307f70 rgb(48,127,112)
```
#298674
```
#298674 rgb(41,134,116)
```
#238c78
```
#238c78 rgb(35,140,120)
```
#1c937d
```
#1c937d rgb(28,147,125)
```
#159a81
```
#159a81 rgb(21,154,129)
```
#0ea185
```
#0ea185 rgb(14,161,133)
```
#08a789
```
#08a789 rgb(8,167,137)
```
#01ae8d
```
#01ae8d rgb(1,174,141)
```

Tone Color Variation

Below, you can see how #307f70 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

#666666 Achromatopsia 0.005% of the population
#5b6b68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7971 Protanopia 1% of men
#83767c Deuteranopia 1% of men
#44828c Tritanopia 0.001% of the population

Trichromacy

#617b70 Protanomaly 1% of men, 0.01% of women
#657978 Deuteranomaly 6% of men, 0.4% of women
#3d8181 Tritanomaly 0.01% of the population

#307f70 hex color

#307f70 Color Information

#307f70 Color Conversion

Color Schemes with #307f70

Alternatives to #307f70

#307f70 Preview

Shades and Tints of #307f70

Tones of #307f70

Color Blindness Simulator