#448d6f hex color

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

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

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

The hexadecimal color #448d6f has RGB values of R:68, G:141, B:111 and CMYK values of C:0.52, M:0, Y:0.21, K:0.45. Its decimal value is 4492655.

Hex triplet	448d6f	`#448d6f`
RGB Decimal	68, 141, 111	`rgb(68,141,111)`
RGB Percent	26.7, 55.3, 43.5	`rgb(26.7%,55.3%,43.5%)`
CMYK	52, 0, 21, 45
HSL	155.3°, 34.9, 41	`hsl(155.3,34.9%,41%)`
HSV (or HSB)	155.3°, 51.8, 55.3
Web Safe	339966	`#339966`

CIE-LAB	53.412, -30.333, 9.113
XYZ	14.777, 21.425, 18.395
xyY	0.271, 0.392, 21.425
CIE-LCH	53.412, 31.673, 163.278
CIE-LUV	53.412, -32.496, 16.942
Hunter-Lab	46.288, -24.018, 8.839
Binary	01000100, 10001101, 01101111

#448d6f
```
#448d6f rgb(68,141,111)
```
#8d4462
```
#8d4462 rgb(141,68,98)
```

Complementary Color

#448d4b
```
#448d4b rgb(68,141,75)
```
#448d6f
```
#448d6f rgb(68,141,111)
```
#44878d
```
#44878d rgb(68,135,141)
```

Analogous Color

#8d4b44
```
#8d4b44 rgb(141,75,68)
```
#448d6f
```
#448d6f rgb(68,141,111)
```
#8d4487
```
#8d4487 rgb(141,68,135)
```

Split Complementary Color

#8d6f44
```
#8d6f44 rgb(141,111,68)
```
#448d6f
```
#448d6f rgb(68,141,111)
```
#6f448d
```
#6f448d rgb(111,68,141)
```

Triadic Color

#628d44
```
#628d44 rgb(98,141,68)
```
#448d6f
```
#448d6f rgb(68,141,111)
```
#6f448d
```
#6f448d rgb(111,68,141)
```
#8d4462
```
#8d4462 rgb(141,68,98)
```

Tetradic Color

#2b5946
```
#2b5946 rgb(43,89,70)
```
#336b54
```
#336b54 rgb(51,107,84)
```
#3c7c61
```
#3c7c61 rgb(60,124,97)
```
#448d6f
```
#448d6f rgb(68,141,111)
```
#4c9e7d
```
#4c9e7d rgb(76,158,125)
```
#56ae8a
```
#56ae8a rgb(86,174,138)
```
#68b696
```
#68b696 rgb(104,182,150)
```

Monochromatic Color

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

#448d5d
```
#448d5d rgb(68,141,93)
```
#448d63
```
#448d63 rgb(68,141,99)
```
#448d69
```
#448d69 rgb(68,141,105)
```
#448d6f
```
#448d6f rgb(68,141,111)
```
#448d75
```
#448d75 rgb(68,141,117)
```
#448d7b
```
#448d7b rgb(68,141,123)
```
#448d81
```
#448d81 rgb(68,141,129)
```

Similar Colors

Text with hexadecimal color #448d6f

This text has a font color of #448d6f.

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

#448d6f background color

This paragraph has a background color of #448d6f.

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

#448d6f border color

This element has a border color of #448d6f.

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

CSS codes

.text {color:#448d6f;}

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

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

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)
```
#0b1611
```
#0b1611 rgb(11,22,17)
```
#11231c
```
#11231c rgb(17,35,28)
```
#173026
```
#173026 rgb(23,48,38)
```
#1e3e30
```
#1e3e30 rgb(30,62,48)
```
#244b3b
```
#244b3b rgb(36,75,59)
```
#2a5845
```
#2a5845 rgb(42,88,69)
```
#316550
```
#316550 rgb(49,101,80)
```
#37735a
```
#37735a rgb(55,115,90)
```
#3e8065
```
#3e8065 rgb(62,128,101)
```
#448d6f
```
#448d6f rgb(68,141,111)
```
#4a9a79
```
#4a9a79 rgb(74,154,121)
```
#51a784
```
#51a784 rgb(81,167,132)
```

Shade Color Variation

#5cb08d
```
#5cb08d rgb(92,176,141)
```
#69b797
```
#69b797 rgb(105,183,151)
```
#76bda0
```
#76bda0 rgb(118,189,160)
```
#83c3a9
```
#83c3a9 rgb(131,195,169)
```
#91cab2
```
#91cab2 rgb(145,202,178)
```
#9ed0bb
```
#9ed0bb rgb(158,208,187)
```
#abd7c5
```
#abd7c5 rgb(171,215,197)
```
#b8ddce
```
#b8ddce rgb(184,221,206)
```
#c5e3d7
```
#c5e3d7 rgb(197,227,215)
```
#d3eae0
```
#d3eae0 rgb(211,234,224)
```
#e0f0e9
```
#e0f0e9 rgb(224,240,233)
```
#edf6f3
```
#edf6f3 rgb(237,246,243)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#646d69
```
#646d69 rgb(100,109,105)
```
#5c756b
```
#5c756b rgb(92,117,107)
```
#547d6c
```
#547d6c rgb(84,125,108)
```
#4c856e
```
#4c856e rgb(76,133,110)
```
#448d6f
```
#448d6f rgb(68,141,111)
```
#3c9570
```
#3c9570 rgb(60,149,112)
```
#349d72
```
#349d72 rgb(52,157,114)
```
#2ca573
```
#2ca573 rgb(44,165,115)
```
#24ad75
```
#24ad75 rgb(36,173,117)
```
#1cb576
```
#1cb576 rgb(28,181,118)
```
#14bd78
```
#14bd78 rgb(20,189,120)
```
#0cc579
```
#0cc579 rgb(12,197,121)
```
#04cd7a
```
#04cd7a rgb(4,205,122)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6a7973 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8570 Protanopia 1% of men
#96817c Deuteranopia 1% of men
#598e98 Tritanopia 0.001% of the population

Trichromacy

#72886f Protanomaly 1% of men, 0.01% of women
#788577 Deuteranomaly 6% of men, 0.4% of women
#518d89 Tritanomaly 0.01% of the population

#448d6f hex color

#448d6f Color Information

#448d6f Color Conversion

Color Schemes with #448d6f

Alternatives to #448d6f

#448d6f Preview

Shades and Tints of #448d6f

Tones of #448d6f

Color Blindness Simulator