#307a5a hex color

In a RGB color space, hex #307a5a is composed of 18.8% red, 47.8% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 0% magenta, 26.2% yellow and 52.2% black. It has a hue angle of 154.1 degrees, a saturation of 43.5% and a lightness of 33.3%. #307a5a color hex could be obtained by blending #60f4b4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 48
- B 35
RGB color chart
- C 61
- M 0
- Y 26
- K 52
CMYK color chart

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

The hexadecimal color #307a5a has RGB values of R:48, G:122, B:90 and CMYK values of C:0.61, M:0, Y:0.26, K:0.52. Its decimal value is 3177050.

Hex triplet	307a5a	`#307a5a`
RGB Decimal	48, 122, 90	`rgb(48,122,90)`
RGB Percent	18.8, 47.8, 35.3	`rgb(18.8%,47.8%,35.3%)`
CMYK	61, 0, 26, 52
HSL	154.1°, 43.5, 33.3	`hsl(154.1,43.5%,33.3%)`
HSV (or HSB)	154.1°, 60.7, 47.8
Web Safe	336666	`#336666`

CIE-LAB	46.022, -31.11, 10.794
XYZ	10.023, 15.285, 12.094
xyY	0.268, 0.409, 15.285
CIE-LCH	46.022, 32.93, 160.865
CIE-LUV	46.022, -31.322, 18.453
Hunter-Lab	39.096, -22.655, 9.026
Binary	00110000, 01111010, 01011010

#307a5a
```
#307a5a rgb(48,122,90)
```
#7a3050
```
#7a3050 rgb(122,48,80)
```

Complementary Color

#307a35
```
#307a35 rgb(48,122,53)
```
#307a5a
```
#307a5a rgb(48,122,90)
```
#30757a
```
#30757a rgb(48,117,122)
```

Analogous Color

#7a3530
```
#7a3530 rgb(122,53,48)
```
#307a5a
```
#307a5a rgb(48,122,90)
```
#7a3075
```
#7a3075 rgb(122,48,117)
```

Split Complementary Color

#7a5a30
```
#7a5a30 rgb(122,90,48)
```
#307a5a
```
#307a5a rgb(48,122,90)
```
#5a307a
```
#5a307a rgb(90,48,122)
```

Triadic Color

#507a30
```
#507a30 rgb(80,122,48)
```
#307a5a
```
#307a5a rgb(48,122,90)
```
#5a307a
```
#5a307a rgb(90,48,122)
```
#7a3050
```
#7a3050 rgb(122,48,80)
```

Tetradic Color

#1a4332
```
#1a4332 rgb(26,67,50)
```
#22553f
```
#22553f rgb(34,85,63)
```
#29684d
```
#29684d rgb(41,104,77)
```
#307a5a
```
#307a5a rgb(48,122,90)
```
#378c68
```
#378c68 rgb(55,140,104)
```
#3e9f75
```
#3e9f75 rgb(62,159,117)
```
#46b183
```
#46b183 rgb(70,177,131)
```

Monochromatic Color

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

#307a48
```
#307a48 rgb(48,122,72)
```
#307a4e
```
#307a4e rgb(48,122,78)
```
#307a54
```
#307a54 rgb(48,122,84)
```
#307a5a
```
#307a5a rgb(48,122,90)
```
#307a60
```
#307a60 rgb(48,122,96)
```
#307a66
```
#307a66 rgb(48,122,102)
```
#307a6d
```
#307a6d rgb(48,122,109)
```

Similar Colors

Text with hexadecimal color #307a5a

This text has a font color of #307a5a.

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

#307a5a background color

This paragraph has a background color of #307a5a.

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

#307a5a border color

This element has a border color of #307a5a.

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

CSS codes

.text {color:#307a5a;}

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

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

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

#040907
```
#040907 rgb(4,9,7)
```
#091711
```
#091711 rgb(9,23,17)
```
#0f261c
```
#0f261c rgb(15,38,28)
```
#143426
```
#143426 rgb(20,52,38)
```
#1a4230
```
#1a4230 rgb(26,66,48)
```
#1f503b
```
#1f503b rgb(31,80,59)
```
#255e45
```
#255e45 rgb(37,94,69)
```
#2a6c50
```
#2a6c50 rgb(42,108,80)
```
#307a5a
```
#307a5a rgb(48,122,90)
```
#368864
```
#368864 rgb(54,136,100)
```
#3b966f
```
#3b966f rgb(59,150,111)
```
#41a479
```
#41a479 rgb(65,164,121)
```
#46b284
```
#46b284 rgb(70,178,132)
```

Shade Color Variation

#51bb8d
```
#51bb8d rgb(81,187,141)
```
#5fc096
```
#5fc096 rgb(95,192,150)
```
#6ec6a0
```
#6ec6a0 rgb(110,198,160)
```
#7ccba9
```
#7ccba9 rgb(124,203,169)
```
#8ad1b2
```
#8ad1b2 rgb(138,209,178)
```
#98d6bb
```
#98d6bb rgb(152,214,187)
```
#a6dcc5
```
#a6dcc5 rgb(166,220,197)
```
#b4e1ce
```
#b4e1ce rgb(180,225,206)
```
#c2e7d7
```
#c2e7d7 rgb(194,231,215)
```
#d0ede0
```
#d0ede0 rgb(208,237,224)
```
#def2e9
```
#def2e9 rgb(222,242,233)
```
#ecf8f3
```
#ecf8f3 rgb(236,248,243)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515956 is the less saturated color, while #02a860 is the most saturated one.

#515956
```
#515956 rgb(81,89,86)
```
#4a6056
```
#4a6056 rgb(74,96,86)
```
#446657
```
#446657 rgb(68,102,87)
```
#3d6d58
```
#3d6d58 rgb(61,109,88)
```
#377359
```
#377359 rgb(55,115,89)
```
#307a5a
```
#307a5a rgb(48,122,90)
```
#29815b
```
#29815b rgb(41,129,91)
```
#23875c
```
#23875c rgb(35,135,92)
```
#1c8e5d
```
#1c8e5d rgb(28,142,93)
```
#16945e
```
#16945e rgb(22,148,94)
```
#0f9b5e
```
#0f9b5e rgb(15,155,94)
```
#09a15f
```
#09a15f rgb(9,161,95)
```
#02a860
```
#02a860 rgb(2,168,96)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#56655f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b745d Protanopia 1% of men
#847068 Deuteranopia 1% of men
#487c85 Tritanopia 0.001% of the population

Trichromacy

#60765b Protanomaly 1% of men, 0.01% of women
#657463 Deuteranomaly 6% of men, 0.4% of women
#3f7b75 Tritanomaly 0.01% of the population

#307a5a hex color

#307a5a Color Information

#307a5a Color Conversion

Color Schemes with #307a5a

Alternatives to #307a5a

#307a5a Preview

Shades and Tints of #307a5a

Tones of #307a5a

Color Blindness Simulator