#308054 hex color

In a RGB color space, hex #308054 is composed of 18.8% red, 50.2% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 0% magenta, 34.4% yellow and 49.8% black. It has a hue angle of 147 degrees, a saturation of 45.5% and a lightness of 34.5%. #308054 color hex could be obtained by blending #60ffa8 with #000100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 50
- B 33
RGB color chart
- C 63
- M 0
- Y 34
- K 50
CMYK color chart

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

The hexadecimal color #308054 has RGB values of R:48, G:128, B:84 and CMYK values of C:0.63, M:0, Y:0.34, K:0.5. Its decimal value is 3178580.

Hex triplet	308054	`#308054`
RGB Decimal	48, 128, 84	`rgb(48,128,84)`
RGB Percent	18.8, 50.2, 32.9	`rgb(18.8%,50.2%,32.9%)`
CMYK	63, 0, 34, 50
HSL	147°, 45.5, 34.5	`hsl(147,45.5%,34.5%)`
HSV (or HSB)	147°, 62.5, 50.2
Web Safe	339966	`#339966`

CIE-LAB	47.887, -35.177, 16.844
XYZ	10.538, 16.706, 11.056
xyY	0.275, 0.436, 16.706
CIE-LCH	47.887, 39.002, 154.414
CIE-LUV	47.887, -34, 26.493
Hunter-Lab	40.873, -25.508, 12.573
Binary	00110000, 10000000, 01010100

#308054
```
#308054 rgb(48,128,84)
```
#80305c
```
#80305c rgb(128,48,92)
```

Complementary Color

#348030
```
#348030 rgb(52,128,48)
```
#308054
```
#308054 rgb(48,128,84)
```
#30807c
```
#30807c rgb(48,128,124)
```

Analogous Color

#803034
```
#803034 rgb(128,48,52)
```
#308054
```
#308054 rgb(48,128,84)
```
#7c3080
```
#7c3080 rgb(124,48,128)
```

Split Complementary Color

#805430
```
#805430 rgb(128,84,48)
```
#308054
```
#308054 rgb(48,128,84)
```
#543080
```
#543080 rgb(84,48,128)
```

Triadic Color

#5c8030
```
#5c8030 rgb(92,128,48)
```
#308054
```
#308054 rgb(48,128,84)
```
#543080
```
#543080 rgb(84,48,128)
```
#80305c
```
#80305c rgb(128,48,92)
```

Tetradic Color

#1b482f
```
#1b482f rgb(27,72,47)
```
#225b3c
```
#225b3c rgb(34,91,60)
```
#296d48
```
#296d48 rgb(41,109,72)
```
#308054
```
#308054 rgb(48,128,84)
```
#379360
```
#379360 rgb(55,147,96)
```
#3ea56c
```
#3ea56c rgb(62,165,108)
```
#45b879
```
#45b879 rgb(69,184,121)
```

Monochromatic Color

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

#308040
```
#308040 rgb(48,128,64)
```
#308047
```
#308047 rgb(48,128,71)
```
#30804d
```
#30804d rgb(48,128,77)
```
#308054
```
#308054 rgb(48,128,84)
```
#30805b
```
#30805b rgb(48,128,91)
```
#308061
```
#308061 rgb(48,128,97)
```
#308068
```
#308068 rgb(48,128,104)
```

Similar Colors

Text with hexadecimal color #308054

This text has a font color of #308054.

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

#308054 background color

This paragraph has a background color of #308054.

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

#308054 border color

This element has a border color of #308054.

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

CSS codes

.text {color:#308054;}

.background {background-color:#308054;}

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

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

#050e09
```
#050e09 rgb(5,14,9)
```
#0b1c12
```
#0b1c12 rgb(11,28,18)
```
#102a1c
```
#102a1c rgb(16,42,28)
```
#153925
```
#153925 rgb(21,57,37)
```
#1b472f
```
#1b472f rgb(27,71,47)
```
#205538
```
#205538 rgb(32,85,56)
```
#256341
```
#256341 rgb(37,99,65)
```
#2b724b
```
#2b724b rgb(43,114,75)
```
#308054
```
#308054 rgb(48,128,84)
```
#358e5d
```
#358e5d rgb(53,142,93)
```
#3b9d67
```
#3b9d67 rgb(59,157,103)
```
#40ab70
```
#40ab70 rgb(64,171,112)
```
#45b979
```
#45b979 rgb(69,185,121)
```

Shade Color Variation

#53bf84
```
#53bf84 rgb(83,191,132)
```
#62c48e
```
#62c48e rgb(98,196,142)
```
#70c998
```
#70c998 rgb(112,201,152)
```
#7ecfa2
```
#7ecfa2 rgb(126,207,162)
```
#8cd4ad
```
#8cd4ad rgb(140,212,173)
```
#9bd9b7
```
#9bd9b7 rgb(155,217,183)
```
#a9dfc1
```
#a9dfc1 rgb(169,223,193)
```
#b7e4cb
```
#b7e4cb rgb(183,228,203)
```
#c6e9d6
```
#c6e9d6 rgb(198,233,214)
```
#d4efe0
```
#d4efe0 rgb(212,239,224)
```
#e2f4ea
```
#e2f4ea rgb(226,244,234)
```
#f0faf4
```
#f0faf4 rgb(240,250,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#525e57
```
#525e57 rgb(82,94,87)
```
#4b6557
```
#4b6557 rgb(75,101,87)
```
#446c56
```
#446c56 rgb(68,108,86)
```
#3e7255
```
#3e7255 rgb(62,114,85)
```
#377955
```
#377955 rgb(55,121,85)
```
#308054
```
#308054 rgb(48,128,84)
```
#298753
```
#298753 rgb(41,135,83)
```
#228e53
```
#228e53 rgb(34,142,83)
```
#1c9452
```
#1c9452 rgb(28,148,82)
```
#159b51
```
#159b51 rgb(21,155,81)
```
#0ea251
```
#0ea251 rgb(14,162,81)
```
#07a950
```
#07a950 rgb(7,169,80)
```
#01af4f
```
#01af4f rgb(1,175,79)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#596960 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827857 Protanopia 1% of men
#8b7463 Deuteranopia 1% of men
#4b808a Tritanopia 0.001% of the population

Trichromacy

#647b56 Protanomaly 1% of men, 0.01% of women
#6a785d Deuteranomaly 6% of men, 0.4% of women
#418076 Tritanomaly 0.01% of the population

#308054 hex color

#308054 Color Information

#308054 Color Conversion

Color Schemes with #308054

Alternatives to #308054

#308054 Preview

Shades and Tints of #308054

Tones of #308054

Color Blindness Simulator