#448e7d hex color

In a RGB color space, hex #448e7d is composed of 26.7% red, 55.7% green and 49% blue. Whereas in a CMYK color space, it is composed of 52.1% cyan, 0% magenta, 12% yellow and 44.3% black. It has a hue angle of 166.2 degrees, a saturation of 35.2% and a lightness of 41.2%. #448e7d color hex could be obtained by blending #88fffa with #001d00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 27
- G 56
- B 49
RGB color chart
- C 52
- M 0
- Y 12
- K 44
CMYK color chart

● #448e7d color description : Dark moderate cyan.

The hexadecimal color #448e7d has RGB values of R:68, G:142, B:125 and CMYK values of C:0.52, M:0, Y:0.12, K:0.44. Its decimal value is 4492925.

Hex triplet	448e7d	`#448e7d`
RGB Decimal	68, 142, 125	`rgb(68,142,125)`
RGB Percent	26.7, 55.7, 49	`rgb(26.7%,55.7%,49%)`
CMYK	52, 0, 12, 44
HSL	166.2°, 35.2, 41.2	`hsl(166.2,35.2%,41.2%)`
HSV (or HSB)	166.2°, 52.1, 55.7
Web Safe	339966	`#339966`

CIE-LAB	54.085, -27.415, 2.023
XYZ	15.757, 22.055, 22.827
xyY	0.26, 0.364, 22.055
CIE-LCH	54.085, 27.489, 175.779
CIE-LUV	54.085, -32.33, 6.952
Hunter-Lab	46.962, -22.291, 4.054
Binary	01000100, 10001110, 01111101

#448e7d
```
#448e7d rgb(68,142,125)
```
#8e4455
```
#8e4455 rgb(142,68,85)
```

Complementary Color

#448e58
```
#448e58 rgb(68,142,88)
```
#448e7d
```
#448e7d rgb(68,142,125)
```
#447a8e
```
#447a8e rgb(68,122,142)
```

Analogous Color

#8e5844
```
#8e5844 rgb(142,88,68)
```
#448e7d
```
#448e7d rgb(68,142,125)
```
#8e447a
```
#8e447a rgb(142,68,122)
```

Split Complementary Color

#8e7d44
```
#8e7d44 rgb(142,125,68)
```
#448e7d
```
#448e7d rgb(68,142,125)
```
#7d448e
```
#7d448e rgb(125,68,142)
```

Triadic Color

#558e44
```
#558e44 rgb(85,142,68)
```
#448e7d
```
#448e7d rgb(68,142,125)
```
#7d448e
```
#7d448e rgb(125,68,142)
```
#8e4455
```
#8e4455 rgb(142,68,85)
```

Tetradic Color

#2b5a4f
```
#2b5a4f rgb(43,90,79)
```
#336c5f
```
#336c5f rgb(51,108,95)
```
#3c7d6e
```
#3c7d6e rgb(60,125,110)
```
#448e7d
```
#448e7d rgb(68,142,125)
```
#4c9f8c
```
#4c9f8c rgb(76,159,140)
```
#57ae9a
```
#57ae9a rgb(87,174,154)
```
#68b7a5
```
#68b7a5 rgb(104,183,165)
```

Monochromatic Color

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

#448e6b
```
#448e6b rgb(68,142,107)
```
#448e71
```
#448e71 rgb(68,142,113)
```
#448e77
```
#448e77 rgb(68,142,119)
```
#448e7d
```
#448e7d rgb(68,142,125)
```
#448e83
```
#448e83 rgb(68,142,131)
```
#448e89
```
#448e89 rgb(68,142,137)
```
#448d8e
```
#448d8e rgb(68,141,142)
```

Similar Colors

Text with hexadecimal color #448e7d

This text has a font color of #448e7d.

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

#448e7d background color

This paragraph has a background color of #448e7d.

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

#448e7d border color

This element has a border color of #448e7d.

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

CSS codes

.text {color:#448e7d;}

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

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

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 #fbfdfd is the lightest one.

#040908
```
#040908 rgb(4,9,8)
```
#0b1714
```
#0b1714 rgb(11,23,20)
```
#112420
```
#112420 rgb(17,36,32)
```
#18312b
```
#18312b rgb(24,49,43)
```
#1e3e37
```
#1e3e37 rgb(30,62,55)
```
#244c43
```
#244c43 rgb(36,76,67)
```
#2b594e
```
#2b594e rgb(43,89,78)
```
#31665a
```
#31665a rgb(49,102,90)
```
#377366
```
#377366 rgb(55,115,102)
```
#3e8171
```
#3e8171 rgb(62,129,113)
```
#448e7d
```
#448e7d rgb(68,142,125)
```
#4a9b89
```
#4a9b89 rgb(74,155,137)
```
#51a994
```
#51a994 rgb(81,169,148)
```

Shade Color Variation

#5cb19d
```
#5cb19d rgb(92,177,157)
```
#69b7a5
```
#69b7a5 rgb(105,183,165)
```
#76bead
```
#76bead rgb(118,190,173)
```
#84c4b5
```
#84c4b5 rgb(132,196,181)
```
#91cabd
```
#91cabd rgb(145,202,189)
```
#9ed1c5
```
#9ed1c5 rgb(158,209,197)
```
#acd7cd
```
#acd7cd rgb(172,215,205)
```
#b9ddd5
```
#b9ddd5 rgb(185,221,213)
```
#c6e4dd
```
#c6e4dd rgb(198,228,221)
```
#d3eae5
```
#d3eae5 rgb(211,234,229)
```
#e1f0ed
```
#e1f0ed rgb(225,240,237)
```
#eef7f5
```
#eef7f5 rgb(238,247,245)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#646e6c
```
#646e6c rgb(100,110,108)
```
#5c7670
```
#5c7670 rgb(92,118,112)
```
#547e74
```
#547e74 rgb(84,126,116)
```
#4c8679
```
#4c8679 rgb(76,134,121)
```
#448e7d
```
#448e7d rgb(68,142,125)
```
#3c9681
```
#3c9681 rgb(60,150,129)
```
#349e86
```
#349e86 rgb(52,158,134)
```
#2ca68a
```
#2ca68a rgb(44,166,138)
```
#24ae8e
```
#24ae8e rgb(36,174,142)
```
#1cb693
```
#1cb693 rgb(28,182,147)
```
#14be97
```
#14be97 rgb(20,190,151)
```
#0bc79c
```
#0bc79c rgb(11,199,156)
```
#03cfa0
```
#03cfa0 rgb(3,207,160)
```

Tone Color Variation

Below, you can see how #448e7d 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
#6c7b77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c877d Protanopia 1% of men
#938389 Deuteranopia 1% of men
#56909a Tritanopia 0.001% of the population

Trichromacy

#72897d Protanomaly 1% of men, 0.01% of women
#768784 Deuteranomaly 6% of men, 0.4% of women
#4f8f90 Tritanomaly 0.01% of the population

#448e7d hex color

#448e7d Color Information

#448e7d Color Conversion

Color Schemes with #448e7d

Alternatives to #448e7d

#448e7d Preview

Shades and Tints of #448e7d

Tones of #448e7d

Color Blindness Simulator