colorhexa.com

#307f72 hex color

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

- R 19
- G 50
- B 45
RGB color chart
- C 62
- M 0
- Y 10
- K 50
CMYK color chart

● #307f72 color description : Dark moderate cyan.

The hexadecimal color #307f72 has RGB values of R:48, G:127, B:114 and CMYK values of C:0.62, M:0, Y:0.1, K:0.5. Its decimal value is 3178354.

Hex triplet	307f72	`#307f72`
RGB Decimal	48, 127, 114	`rgb(48,127,114)`
RGB Percent	18.8, 49.8, 44.7	`rgb(18.8%,49.8%,44.7%)`
CMYK	62, 0, 10, 50
HSL	170.1°, 45.1, 34.3	`hsl(170.1,45.1%,34.3%)`
HSV (or HSB)	170.1°, 62.2, 49.8
Web Safe	336666	`#336666`

CIE-LAB	48.287, -27.352, -0.093
XYZ	11.845, 17.021, 18.58
xyY	0.25, 0.359, 17.021
CIE-LCH	48.287, 27.352, 180.195
CIE-LUV	48.287, -32.084, 3.818
Hunter-Lab	41.257, -20.952, 2.178
Binary	00110000, 01111111, 01110010

#307f72
```
#307f72 rgb(48,127,114)
```
#7f303d
```
#7f303d rgb(127,48,61)
```

Complementary Color

#307f4b
```
#307f4b rgb(48,127,75)
```
#307f72
```
#307f72 rgb(48,127,114)
```
#30657f
```
#30657f rgb(48,101,127)
```

Analogous Color

#7f4b30
```
#7f4b30 rgb(127,75,48)
```
#307f72
```
#307f72 rgb(48,127,114)
```
#7f3065
```
#7f3065 rgb(127,48,101)
```

Split Complementary Color

#7f7230
```
#7f7230 rgb(127,114,48)
```
#307f72
```
#307f72 rgb(48,127,114)
```
#72307f
```
#72307f rgb(114,48,127)
```

Triadic Color

#3d7f30
```
#3d7f30 rgb(61,127,48)
```
#307f72
```
#307f72 rgb(48,127,114)
```
#72307f
```
#72307f rgb(114,48,127)
```
#7f303d
```
#7f303d rgb(127,48,61)
```

Tetradic Color

#1b4740
```
#1b4740 rgb(27,71,64)
```
#225a51
```
#225a51 rgb(34,90,81)
```
#296c61
```
#296c61 rgb(41,108,97)
```
#307f72
```
#307f72 rgb(48,127,114)
```
#379283
```
#379283 rgb(55,146,131)
```
#3ea493
```
#3ea493 rgb(62,164,147)
```
#45b7a4
```
#45b7a4 rgb(69,183,164)
```

Monochromatic Color

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

#307f5e
```
#307f5e rgb(48,127,94)
```
#307f65
```
#307f65 rgb(48,127,101)
```
#307f6b
```
#307f6b rgb(48,127,107)
```
#307f72
```
#307f72 rgb(48,127,114)
```
#307f79
```
#307f79 rgb(48,127,121)
```
#307f7f
```
#307f7f rgb(48,127,127)
```
#30787f
```
#30787f rgb(48,120,127)
```

Similar Colors

Text with hexadecimal color #307f72

This text has a font color of #307f72.

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

#307f72 background color

This paragraph has a background color of #307f72.

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

#307f72 border color

This element has a border color of #307f72.

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

CSS codes

.text {color:#307f72;}

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

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

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)
```
#0a1b19
```
#0a1b19 rgb(10,27,25)
```
#102a25
```
#102a25 rgb(16,42,37)
```
#153832
```
#153832 rgb(21,56,50)
```
#1a463f
```
#1a463f rgb(26,70,63)
```
#20544c
```
#20544c rgb(32,84,76)
```
#256358
```
#256358 rgb(37,99,88)
```
#2b7165
```
#2b7165 rgb(43,113,101)
```
#307f72
```
#307f72 rgb(48,127,114)
```
#358d7f
```
#358d7f rgb(53,141,127)
```
#3b9b8c
```
#3b9b8c rgb(59,155,140)
```
#40aa98
```
#40aa98 rgb(64,170,152)
```
#46b8a5
```
#46b8a5 rgb(70,184,165)
```

Shade Color Variation

#53beac
```
#53beac rgb(83,190,172)
```
#61c3b3
```
#61c3b3 rgb(97,195,179)
```
#70c9ba
```
#70c9ba rgb(112,201,186)
```
#7ecec1
```
#7ecec1 rgb(126,206,193)
```
#8cd4c8
```
#8cd4c8 rgb(140,212,200)
```
#9ad9cf
```
#9ad9cf rgb(154,217,207)
```
#a8ded5
```
#a8ded5 rgb(168,222,213)
```
#b7e4dc
```
#b7e4dc rgb(183,228,220)
```
#c5e9e3
```
#c5e9e3 rgb(197,233,227)
```
#d3eeea
```
#d3eeea rgb(211,238,234)
```
#e1f4f1
```
#e1f4f1 rgb(225,244,241)
```
#f0f9f8
```
#f0f9f8 rgb(240,249,248)
```
#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 #01ae92 is the most saturated one.

#525d5b
```
#525d5b rgb(82,93,91)
```
#4b6460
```
#4b6460 rgb(75,100,96)
```
#446b64
```
#446b64 rgb(68,107,100)
```
#3d7269
```
#3d7269 rgb(61,114,105)
```
#37786d
```
#37786d rgb(55,120,109)
```
#307f72
```
#307f72 rgb(48,127,114)
```
#298677
```
#298677 rgb(41,134,119)
```
#238c7b
```
#238c7b rgb(35,140,123)
```
#1c9380
```
#1c9380 rgb(28,147,128)
```
#159a84
```
#159a84 rgb(21,154,132)
```
#0ea189
```
#0ea189 rgb(14,161,137)
```
#08a78d
```
#08a78d rgb(8,167,141)
```
#01ae92
```
#01ae92 rgb(1,174,146)
```

Tone Color Variation

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

#7d7973 Protanopia 1% of men
#82767e Deuteranopia 1% of men
#44828c Tritanopia 0.001% of the population

Trichromacy

#617b72 Protanomaly 1% of men, 0.01% of women
#64797a Deuteranomaly 6% of men, 0.4% of women
#3c8182 Tritanomaly 0.01% of the population