#448d5a hex color

In a RGB color space, hex #448d5a is composed of 26.7% red, 55.3% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 0% magenta, 36.2% yellow and 44.7% black. It has a hue angle of 138.1 degrees, a saturation of 34.9% and a lightness of 41%. #448d5a color hex could be obtained by blending #88ffb4 with #001b00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 27
- G 55
- B 35
RGB color chart
- C 52
- M 0
- Y 36
- K 45
CMYK color chart

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

The hexadecimal color #448d5a has RGB values of R:68, G:141, B:90 and CMYK values of C:0.52, M:0, Y:0.36, K:0.45. Its decimal value is 4492634.

Hex triplet	448d5a	`#448d5a`
RGB Decimal	68, 141, 90	`rgb(68,141,90)`
RGB Percent	26.7, 55.3, 35.3	`rgb(26.7%,55.3%,35.3%)`
CMYK	52, 0, 36, 45
HSL	138.1°, 34.9, 41	`hsl(138.1,34.9%,41%)`
HSV (or HSB)	138.1°, 51.8, 55.3
Web Safe	339966	`#339966`

CIE-LAB	52.967, -34.772, 20.416
XYZ	13.753, 21.016, 13.004
xyY	0.288, 0.44, 21.016
CIE-LCH	52.967, 40.323, 149.581
CIE-LUV	52.967, -33.291, 31.422
Hunter-Lab	45.843, -26.674, 15.272
Binary	01000100, 10001101, 01011010

#448d5a
```
#448d5a rgb(68,141,90)
```
#8d4477
```
#8d4477 rgb(141,68,119)
```

Complementary Color

#538d44
```
#538d44 rgb(83,141,68)
```
#448d5a
```
#448d5a rgb(68,141,90)
```
#448d7f
```
#448d7f rgb(68,141,127)
```

Analogous Color

#8d4453
```
#8d4453 rgb(141,68,83)
```
#448d5a
```
#448d5a rgb(68,141,90)
```
#7f448d
```
#7f448d rgb(127,68,141)
```

Split Complementary Color

#8d5a44
```
#8d5a44 rgb(141,90,68)
```
#448d5a
```
#448d5a rgb(68,141,90)
```
#5a448d
```
#5a448d rgb(90,68,141)
```

Triadic Color

#778d44
```
#778d44 rgb(119,141,68)
```
#448d5a
```
#448d5a rgb(68,141,90)
```
#5a448d
```
#5a448d rgb(90,68,141)
```
#8d4477
```
#8d4477 rgb(141,68,119)
```

Tetradic Color

#2b5939
```
#2b5939 rgb(43,89,57)
```
#336b44
```
#336b44 rgb(51,107,68)
```
#3c7c4f
```
#3c7c4f rgb(60,124,79)
```
#448d5a
```
#448d5a rgb(68,141,90)
```
#4c9e65
```
#4c9e65 rgb(76,158,101)
```
#56ae71
```
#56ae71 rgb(86,174,113)
```
#68b67f
```
#68b67f rgb(104,182,127)
```

Monochromatic Color

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

#448d48
```
#448d48 rgb(68,141,72)
```
#448d4e
```
#448d4e rgb(68,141,78)
```
#448d54
```
#448d54 rgb(68,141,84)
```
#448d5a
```
#448d5a rgb(68,141,90)
```
#448d60
```
#448d60 rgb(68,141,96)
```
#448d66
```
#448d66 rgb(68,141,102)
```
#448d6c
```
#448d6c rgb(68,141,108)
```

Similar Colors

Text with hexadecimal color #448d5a

This text has a font color of #448d5a.

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

#448d5a background color

This paragraph has a background color of #448d5a.

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

#448d5a border color

This element has a border color of #448d5a.

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

CSS codes

.text {color:#448d5a;}

.background {background-color:#448d5a;}

.border {border:1px solid #448d5a;}

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

#040906
```
#040906 rgb(4,9,6)
```
#0b160e
```
#0b160e rgb(11,22,14)
```
#112316
```
#112316 rgb(17,35,22)
```
#17301f
```
#17301f rgb(23,48,31)
```
#1e3e27
```
#1e3e27 rgb(30,62,39)
```
#244b30
```
#244b30 rgb(36,75,48)
```
#2a5838
```
#2a5838 rgb(42,88,56)
```
#316541
```
#316541 rgb(49,101,65)
```
#377349
```
#377349 rgb(55,115,73)
```
#3e8052
```
#3e8052 rgb(62,128,82)
```
#448d5a
```
#448d5a rgb(68,141,90)
```
#4a9a62
```
#4a9a62 rgb(74,154,98)
```
#51a76b
```
#51a76b rgb(81,167,107)
```

Shade Color Variation

#5cb075
```
#5cb075 rgb(92,176,117)
```
#69b780
```
#69b780 rgb(105,183,128)
```
#76bd8b
```
#76bd8b rgb(118,189,139)
```
#83c397
```
#83c397 rgb(131,195,151)
```
#91caa2
```
#91caa2 rgb(145,202,162)
```
#9ed0ad
```
#9ed0ad rgb(158,208,173)
```
#abd7b8
```
#abd7b8 rgb(171,215,184)
```
#b8ddc3
```
#b8ddc3 rgb(184,221,195)
```
#c5e3ce
```
#c5e3ce rgb(197,227,206)
```
#d3eada
```
#d3eada rgb(211,234,218)
```
#e0f0e5
```
#e0f0e5 rgb(224,240,229)
```
#edf6f0
```
#edf6f0 rgb(237,246,240)
```
#fafdfb
```
#fafdfb rgb(250,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646d67 is the less saturated color, while #04cd40 is the most saturated one.

#646d67
```
#646d67 rgb(100,109,103)
```
#5c7564
```
#5c7564 rgb(92,117,100)
```
#547d60
```
#547d60 rgb(84,125,96)
```
#4c855d
```
#4c855d rgb(76,133,93)
```
#448d5a
```
#448d5a rgb(68,141,90)
```
#3c9557
```
#3c9557 rgb(60,149,87)
```
#349d54
```
#349d54 rgb(52,157,84)
```
#2ca550
```
#2ca550 rgb(44,165,80)
```
#24ad4d
```
#24ad4d rgb(36,173,77)
```
#1cb54a
```
#1cb54a rgb(28,181,74)
```
#14bd47
```
#14bd47 rgb(20,189,71)
```
#0cc544
```
#0cc544 rgb(12,197,68)
```
#04cd40
```
#04cd40 rgb(4,205,64)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#68776c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f855d Protanopia 1% of men
#9b8068 Deuteranopia 1% of men
#5d8c96 Tritanopia 0.001% of the population

Trichromacy

#74875b Protanomaly 1% of men, 0.01% of women
#7b8463 Deuteranomaly 6% of men, 0.4% of women
#548c80 Tritanomaly 0.01% of the population

#448d5a hex color

#448d5a Color Information

#448d5a Color Conversion

Color Schemes with #448d5a

Alternatives to #448d5a

#448d5a Preview

Shades and Tints of #448d5a

Tones of #448d5a

Color Blindness Simulator