#307f6a hex color

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

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

● #307f6a color description : Dark moderate cyan - lime green.

The hexadecimal color #307f6a has RGB values of R:48, G:127, B:106 and CMYK values of C:0.62, M:0, Y:0.17, K:0.5. Its decimal value is 3178346.

Hex triplet	307f6a	`#307f6a`
RGB Decimal	48, 127, 106	`rgb(48,127,106)`
RGB Percent	18.8, 49.8, 41.6	`rgb(18.8%,49.8%,41.6%)`
CMYK	62, 0, 17, 50
HSL	164.1°, 45.1, 34.3	`hsl(164.1,45.1%,34.3%)`
HSV (or HSB)	164.1°, 62.2, 49.8
Web Safe	336666	`#336666`

CIE-LAB	48.066, -29.503, 4.296
XYZ	11.409, 16.847, 16.285
xyY	0.256, 0.378, 16.847
CIE-LCH	48.066, 29.815, 171.716
CIE-LUV	48.066, -32.508, 10.077
Hunter-Lab	41.045, -22.212, 5.207
Binary	00110000, 01111111, 01101010

#307f6a
```
#307f6a rgb(48,127,106)
```
#7f3045
```
#7f3045 rgb(127,48,69)
```

Complementary Color

#307f43
```
#307f43 rgb(48,127,67)
```
#307f6a
```
#307f6a rgb(48,127,106)
```
#306d7f
```
#306d7f rgb(48,109,127)
```

Analogous Color

#7f4330
```
#7f4330 rgb(127,67,48)
```
#307f6a
```
#307f6a rgb(48,127,106)
```
#7f306d
```
#7f306d rgb(127,48,109)
```

Split Complementary Color

#7f6a30
```
#7f6a30 rgb(127,106,48)
```
#307f6a
```
#307f6a rgb(48,127,106)
```
#6a307f
```
#6a307f rgb(106,48,127)
```

Triadic Color

#457f30
```
#457f30 rgb(69,127,48)
```
#307f6a
```
#307f6a rgb(48,127,106)
```
#6a307f
```
#6a307f rgb(106,48,127)
```
#7f3045
```
#7f3045 rgb(127,48,69)
```

Tetradic Color

#1b473c
```
#1b473c rgb(27,71,60)
```
#225a4b
```
#225a4b rgb(34,90,75)
```
#296c5b
```
#296c5b rgb(41,108,91)
```
#307f6a
```
#307f6a rgb(48,127,106)
```
#379279
```
#379279 rgb(55,146,121)
```
#3ea489
```
#3ea489 rgb(62,164,137)
```
#45b798
```
#45b798 rgb(69,183,152)
```

Monochromatic Color

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

#307f56
```
#307f56 rgb(48,127,86)
```
#307f5d
```
#307f5d rgb(48,127,93)
```
#307f63
```
#307f63 rgb(48,127,99)
```
#307f6a
```
#307f6a rgb(48,127,106)
```
#307f71
```
#307f71 rgb(48,127,113)
```
#307f77
```
#307f77 rgb(48,127,119)
```
#307f7e
```
#307f7e rgb(48,127,126)
```

Similar Colors

Text with hexadecimal color #307f6a

This text has a font color of #307f6a.

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

#307f6a background color

This paragraph has a background color of #307f6a.

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

#307f6a border color

This element has a border color of #307f6a.

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

CSS codes

.text {color:#307f6a;}

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

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

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

#050d0b
```
#050d0b rgb(5,13,11)
```
#0a1b17
```
#0a1b17 rgb(10,27,23)
```
#102a23
```
#102a23 rgb(16,42,35)
```
#15382f
```
#15382f rgb(21,56,47)
```
#1a463a
```
#1a463a rgb(26,70,58)
```
#205446
```
#205446 rgb(32,84,70)
```
#256352
```
#256352 rgb(37,99,82)
```
#2b715e
```
#2b715e rgb(43,113,94)
```
#307f6a
```
#307f6a rgb(48,127,106)
```
#358d76
```
#358d76 rgb(53,141,118)
```
#3b9b82
```
#3b9b82 rgb(59,155,130)
```
#40aa8e
```
#40aa8e rgb(64,170,142)
```
#46b89a
```
#46b89a rgb(70,184,154)
```

Shade Color Variation

#53bea2
```
#53bea2 rgb(83,190,162)
```
#61c3a9
```
#61c3a9 rgb(97,195,169)
```
#70c9b1
```
#70c9b1 rgb(112,201,177)
```
#7eceb9
```
#7eceb9 rgb(126,206,185)
```
#8cd4c1
```
#8cd4c1 rgb(140,212,193)
```
#9ad9c8
```
#9ad9c8 rgb(154,217,200)
```
#a8ded0
```
#a8ded0 rgb(168,222,208)
```
#b7e4d8
```
#b7e4d8 rgb(183,228,216)
```
#c5e9df
```
#c5e9df rgb(197,233,223)
```
#d3eee7
```
#d3eee7 rgb(211,238,231)
```
#e1f4ef
```
#e1f4ef rgb(225,244,239)
```
#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, #525d5a is the less saturated color, while #01ae80 is the most saturated one.

#525d5a
```
#525d5a rgb(82,93,90)
```
#4b645d
```
#4b645d rgb(75,100,93)
```
#446b61
```
#446b61 rgb(68,107,97)
```
#3d7264
```
#3d7264 rgb(61,114,100)
```
#377867
```
#377867 rgb(55,120,103)
```
#307f6a
```
#307f6a rgb(48,127,106)
```
#29866d
```
#29866d rgb(41,134,109)
```
#238c70
```
#238c70 rgb(35,140,112)
```
#1c9373
```
#1c9373 rgb(28,147,115)
```
#159a77
```
#159a77 rgb(21,154,119)
```
#0ea17a
```
#0ea17a rgb(14,161,122)
```
#08a77d
```
#08a77d rgb(8,167,125)
```
#01ae80
```
#01ae80 rgb(1,174,128)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5a6a66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e796b Protanopia 1% of men
#857577 Deuteranopia 1% of men
#46818b Tritanopia 0.001% of the population

Trichromacy

#627b6b Protanomaly 1% of men, 0.01% of women
#667972 Deuteranomaly 6% of men, 0.4% of women
#3e807f Tritanomaly 0.01% of the population

#307f6a hex color

#307f6a Color Information

#307f6a Color Conversion

Color Schemes with #307f6a

Alternatives to #307f6a

#307f6a Preview

Shades and Tints of #307f6a

Tones of #307f6a

Color Blindness Simulator