#308266 hex color

In a RGB color space, hex #308266 is composed of 18.8% red, 51% green and 40% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 0% magenta, 21.5% yellow and 49% black. It has a hue angle of 159.5 degrees, a saturation of 46.1% and a lightness of 34.9%. #308266 color hex could be obtained by blending #60ffcc with #000500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 51
- B 40
RGB color chart
- C 63
- M 0
- Y 22
- K 49
CMYK color chart

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

The hexadecimal color #308266 has RGB values of R:48, G:130, B:102 and CMYK values of C:0.63, M:0, Y:0.22, K:0.49. Its decimal value is 3179110.

Hex triplet	308266	`#308266`
RGB Decimal	48, 130, 102	`rgb(48,130,102)`
RGB Percent	18.8, 51, 40	`rgb(18.8%,51%,40%)`
CMYK	63, 0, 22, 49
HSL	159.5°, 46.1, 34.9	`hsl(159.5,46.1%,34.9%)`
HSV (or HSB)	159.5°, 63.1, 51
Web Safe	339966	`#339966`

CIE-LAB	48.948, -31.942, 7.897
XYZ	11.599, 17.552, 15.346
xyY	0.261, 0.394, 17.552
CIE-LCH	48.948, 32.904, 166.113
CIE-LUV	48.948, -33.895, 15.209
Hunter-Lab	41.895, -23.897, 7.609
Binary	00110000, 10000010, 01100110

#308266
```
#308266 rgb(48,130,102)
```
#82304c
```
#82304c rgb(130,48,76)
```

Complementary Color

#30823d
```
#30823d rgb(48,130,61)
```
#308266
```
#308266 rgb(48,130,102)
```
#307582
```
#307582 rgb(48,117,130)
```

Analogous Color

#823d30
```
#823d30 rgb(130,61,48)
```
#308266
```
#308266 rgb(48,130,102)
```
#823075
```
#823075 rgb(130,48,117)
```

Split Complementary Color

#826630
```
#826630 rgb(130,102,48)
```
#308266
```
#308266 rgb(48,130,102)
```
#663082
```
#663082 rgb(102,48,130)
```

Triadic Color

#4c8230
```
#4c8230 rgb(76,130,48)
```
#308266
```
#308266 rgb(48,130,102)
```
#663082
```
#663082 rgb(102,48,130)
```
#82304c
```
#82304c rgb(130,48,76)
```

Tetradic Color

#1b4a3a
```
#1b4a3a rgb(27,74,58)
```
#225d49
```
#225d49 rgb(34,93,73)
```
#296f57
```
#296f57 rgb(41,111,87)
```
#308266
```
#308266 rgb(48,130,102)
```
#379575
```
#379575 rgb(55,149,117)
```
#3ea783
```
#3ea783 rgb(62,167,131)
```
#45ba92
```
#45ba92 rgb(69,186,146)
```

Monochromatic Color

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

#308252
```
#308252 rgb(48,130,82)
```
#308258
```
#308258 rgb(48,130,88)
```
#30825f
```
#30825f rgb(48,130,95)
```
#308266
```
#308266 rgb(48,130,102)
```
#30826d
```
#30826d rgb(48,130,109)
```
#308274
```
#308274 rgb(48,130,116)
```
#30827b
```
#30827b rgb(48,130,123)
```

Similar Colors

Text with hexadecimal color #308266

This text has a font color of #308266.

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

#308266 background color

This paragraph has a background color of #308266.

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

#308266 border color

This element has a border color of #308266.

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

CSS codes

.text {color:#308266;}

.background {background-color:#308266;}

.border {border:1px solid #308266;}

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

#000101
```
#000101 rgb(0,1,1)
```
#060f0c
```
#060f0c rgb(6,15,12)
```
#0b1e17
```
#0b1e17 rgb(11,30,23)
```
#102c23
```
#102c23 rgb(16,44,35)
```
#163a2e
```
#163a2e rgb(22,58,46)
```
#1b4939
```
#1b4939 rgb(27,73,57)
```
#205744
```
#205744 rgb(32,87,68)
```
#256550
```
#256550 rgb(37,101,80)
```
#2b745b
```
#2b745b rgb(43,116,91)
```
#308266
```
#308266 rgb(48,130,102)
```
#359071
```
#359071 rgb(53,144,113)
```
#3b9f7c
```
#3b9f7c rgb(59,159,124)
```
#40ad88
```
#40ad88 rgb(64,173,136)
```

Shade Color Variation

#46bb93
```
#46bb93 rgb(70,187,147)
```
#54c09b
```
#54c09b rgb(84,192,155)
```
#62c5a3
```
#62c5a3 rgb(98,197,163)
```
#71caac
```
#71caac rgb(113,202,172)
```
#7fd0b4
```
#7fd0b4 rgb(127,208,180)
```
#8dd5bd
```
#8dd5bd rgb(141,213,189)
```
#9cdac5
```
#9cdac5 rgb(156,218,197)
```
#aae0cd
```
#aae0cd rgb(170,224,205)
```
#b8e5d6
```
#b8e5d6 rgb(184,229,214)
```
#c7eade
```
#c7eade rgb(199,234,222)
```
#d5f0e6
```
#d5f0e6 rgb(213,240,230)
```
#e3f5ef
```
#e3f5ef rgb(227,245,239)
```
#f2faf7
```
#f2faf7 rgb(242,250,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52605b is the less saturated color, while #00b275 is the most saturated one.

#52605b
```
#52605b rgb(82,96,91)
```
#4b675d
```
#4b675d rgb(75,103,93)
```
#456d5f
```
#456d5f rgb(69,109,95)
```
#3e7462
```
#3e7462 rgb(62,116,98)
```
#377b64
```
#377b64 rgb(55,123,100)
```
#308266
```
#308266 rgb(48,130,102)
```
#298968
```
#298968 rgb(41,137,104)
```
#22906a
```
#22906a rgb(34,144,106)
```
#1b976d
```
#1b976d rgb(27,151,109)
```
#159d6f
```
#159d6f rgb(21,157,111)
```
#0ea471
```
#0ea471 rgb(14,164,113)
```
#07ab73
```
#07ab73 rgb(7,171,115)
```
#00b275
```
#00b275 rgb(0,178,117)
```

Tone Color Variation

Below, you can see how #308266 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
#5b6c66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827b67 Protanopia 1% of men
#897773 Deuteranopia 1% of men
#48848d Tritanopia 0.001% of the population

Trichromacy

#647d67 Protanomaly 1% of men, 0.01% of women
#697b6e Deuteranomaly 6% of men, 0.4% of women
#3f837f Tritanomaly 0.01% of the population

#308266 hex color

#308266 Color Information

#308266 Color Conversion

Color Schemes with #308266

Alternatives to #308266

#308266 Preview

Shades and Tints of #308266

Tones of #308266

Color Blindness Simulator