#448d7f hex color

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

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

● #448d7f color description : Dark moderate cyan.

The hexadecimal color #448d7f has RGB values of R:68, G:141, B:127 and CMYK values of C:0.52, M:0, Y:0.1, K:0.45. Its decimal value is 4492671.

Hex triplet	448d7f	`#448d7f`
RGB Decimal	68, 141, 127	`rgb(68,141,127)`
RGB Percent	26.7, 55.3, 49.8	`rgb(26.7%,55.3%,49.8%)`
CMYK	52, 0, 10, 45
HSL	168.5°, 34.9, 41	`hsl(168.5,34.9%,41%)`
HSV (or HSB)	168.5°, 51.8, 55.3
Web Safe	339966	`#339966`

CIE-LAB	53.825, -26.405, 0.491
XYZ	15.738, 21.81, 23.458
xyY	0.258, 0.358, 21.81
CIE-LCH	53.825, 26.409, 178.935
CIE-LUV	53.825, -31.842, 4.646
Hunter-Lab	46.701, -21.572, 2.909
Binary	01000100, 10001101, 01111111

#448d7f
```
#448d7f rgb(68,141,127)
```
#8d4452
```
#8d4452 rgb(141,68,82)
```

Complementary Color

#448d5b
```
#448d5b rgb(68,141,91)
```
#448d7f
```
#448d7f rgb(68,141,127)
```
#44778d
```
#44778d rgb(68,119,141)
```

Analogous Color

#8d5b44
```
#8d5b44 rgb(141,91,68)
```
#448d7f
```
#448d7f rgb(68,141,127)
```
#8d4477
```
#8d4477 rgb(141,68,119)
```

Split Complementary Color

#8d7f44
```
#8d7f44 rgb(141,127,68)
```
#448d7f
```
#448d7f rgb(68,141,127)
```
#7f448d
```
#7f448d rgb(127,68,141)
```

Triadic Color

#528d44
```
#528d44 rgb(82,141,68)
```
#448d7f
```
#448d7f rgb(68,141,127)
```
#7f448d
```
#7f448d rgb(127,68,141)
```
#8d4452
```
#8d4452 rgb(141,68,82)
```

Tetradic Color

#2b5951
```
#2b5951 rgb(43,89,81)
```
#336b60
```
#336b60 rgb(51,107,96)
```
#3c7c70
```
#3c7c70 rgb(60,124,112)
```
#448d7f
```
#448d7f rgb(68,141,127)
```
#4c9e8e
```
#4c9e8e rgb(76,158,142)
```
#56ae9d
```
#56ae9d rgb(86,174,157)
```
#68b6a7
```
#68b6a7 rgb(104,182,167)
```

Monochromatic Color

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

#448d6d
```
#448d6d rgb(68,141,109)
```
#448d73
```
#448d73 rgb(68,141,115)
```
#448d79
```
#448d79 rgb(68,141,121)
```
#448d7f
```
#448d7f rgb(68,141,127)
```
#448d85
```
#448d85 rgb(68,141,133)
```
#448d8b
```
#448d8b rgb(68,141,139)
```
#44898d
```
#44898d rgb(68,137,141)
```

Similar Colors

Text with hexadecimal color #448d7f

This text has a font color of #448d7f.

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

#448d7f background color

This paragraph has a background color of #448d7f.

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

#448d7f border color

This element has a border color of #448d7f.

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

CSS codes

.text {color:#448d7f;}

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

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

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

#040908
```
#040908 rgb(4,9,8)
```
#0b1614
```
#0b1614 rgb(11,22,20)
```
#112320
```
#112320 rgb(17,35,32)
```
#17302c
```
#17302c rgb(23,48,44)
```
#1e3e37
```
#1e3e37 rgb(30,62,55)
```
#244b43
```
#244b43 rgb(36,75,67)
```
#2a584f
```
#2a584f rgb(42,88,79)
```
#31655b
```
#31655b rgb(49,101,91)
```
#377367
```
#377367 rgb(55,115,103)
```
#3e8073
```
#3e8073 rgb(62,128,115)
```
#448d7f
```
#448d7f rgb(68,141,127)
```
#4a9a8b
```
#4a9a8b rgb(74,154,139)
```
#51a797
```
#51a797 rgb(81,167,151)
```

Shade Color Variation

#5cb0a0
```
#5cb0a0 rgb(92,176,160)
```
#69b7a8
```
#69b7a8 rgb(105,183,168)
```
#76bdaf
```
#76bdaf rgb(118,189,175)
```
#83c3b7
```
#83c3b7 rgb(131,195,183)
```
#91cabf
```
#91cabf rgb(145,202,191)
```
#9ed0c6
```
#9ed0c6 rgb(158,208,198)
```
#abd7ce
```
#abd7ce rgb(171,215,206)
```
#b8ddd6
```
#b8ddd6 rgb(184,221,214)
```
#c5e3de
```
#c5e3de rgb(197,227,222)
```
#d3eae5
```
#d3eae5 rgb(211,234,229)
```
#e0f0ed
```
#e0f0ed rgb(224,240,237)
```
#edf6f5
```
#edf6f5 rgb(237,246,245)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#646d6b
```
#646d6b rgb(100,109,107)
```
#5c7570
```
#5c7570 rgb(92,117,112)
```
#547d75
```
#547d75 rgb(84,125,117)
```
#4c857a
```
#4c857a rgb(76,133,122)
```
#448d7f
```
#448d7f rgb(68,141,127)
```
#3c9584
```
#3c9584 rgb(60,149,132)
```
#349d89
```
#349d89 rgb(52,157,137)
```
#2ca58e
```
#2ca58e rgb(44,165,142)
```
#24ad93
```
#24ad93 rgb(36,173,147)
```
#1cb598
```
#1cb598 rgb(28,181,152)
```
#14bd9d
```
#14bd9d rgb(20,189,157)
```
#0cc5a2
```
#0cc5a2 rgb(12,197,162)
```
#04cda7
```
#04cda7 rgb(4,205,167)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#6c7b78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b867f Protanopia 1% of men
#91838b Deuteranopia 1% of men
#558f9a Tritanopia 0.001% of the population

Trichromacy

#71887f Protanomaly 1% of men, 0.01% of women
#758686 Deuteranomaly 6% of men, 0.4% of women
#4f8e90 Tritanomaly 0.01% of the population

#448d7f hex color

#448d7f Color Information

#448d7f Color Conversion

Color Schemes with #448d7f

Alternatives to #448d7f

#448d7f Preview

Shades and Tints of #448d7f

Tones of #448d7f

Color Blindness Simulator