#448e80 hex color

In a RGB color space, hex #448e80 is composed of 26.7% red, 55.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 52.1% cyan, 0% magenta, 9.9% yellow and 44.3% black. It has a hue angle of 168.6 degrees, a saturation of 35.2% and a lightness of 41.2%. #448e80 color hex could be obtained by blending #88ffff with #001d01. Closest websafe color is: #339999.

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

● #448e80 color description : Dark moderate cyan.

The hexadecimal color #448e80 has RGB values of R:68, G:142, B:128 and CMYK values of C:0.52, M:0, Y:0.1, K:0.44. Its decimal value is 4492928.

Hex triplet	448e80	`#448e80`
RGB Decimal	68, 142, 128	`rgb(68,142,128)`
RGB Percent	26.7, 55.7, 50.2	`rgb(26.7%,55.7%,50.2%)`
CMYK	52, 0, 10, 44
HSL	168.6°, 35.2, 41.2	`hsl(168.6,35.2%,41.2%)`
HSV (or HSB)	168.6°, 52.1, 55.7
Web Safe	339999	`#339999`

CIE-LAB	54.167, -26.644, 0.413
XYZ	15.952, 22.132, 23.852
xyY	0.258, 0.357, 22.132
CIE-LCH	54.167, 26.647, 179.111
CIE-LUV	54.167, -32.204, 4.577
Hunter-Lab	47.045, -21.803, 2.871
Binary	01000100, 10001110, 10000000

#448e80
```
#448e80 rgb(68,142,128)
```
#8e4452
```
#8e4452 rgb(142,68,82)
```

Complementary Color

#448e5b
```
#448e5b rgb(68,142,91)
```
#448e80
```
#448e80 rgb(68,142,128)
```
#44778e
```
#44778e rgb(68,119,142)
```

Analogous Color

#8e5b44
```
#8e5b44 rgb(142,91,68)
```
#448e80
```
#448e80 rgb(68,142,128)
```
#8e4477
```
#8e4477 rgb(142,68,119)
```

Split Complementary Color

#8e8044
```
#8e8044 rgb(142,128,68)
```
#448e80
```
#448e80 rgb(68,142,128)
```
#80448e
```
#80448e rgb(128,68,142)
```

Triadic Color

#528e44
```
#528e44 rgb(82,142,68)
```
#448e80
```
#448e80 rgb(68,142,128)
```
#80448e
```
#80448e rgb(128,68,142)
```
#8e4452
```
#8e4452 rgb(142,68,82)
```

Tetradic Color

#2b5a51
```
#2b5a51 rgb(43,90,81)
```
#336c61
```
#336c61 rgb(51,108,97)
```
#3c7d70
```
#3c7d70 rgb(60,125,112)
```
#448e80
```
#448e80 rgb(68,142,128)
```
#4c9f90
```
#4c9f90 rgb(76,159,144)
```
#57ae9e
```
#57ae9e rgb(87,174,158)
```
#68b7a8
```
#68b7a8 rgb(104,183,168)
```

Monochromatic Color

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

#448e6e
```
#448e6e rgb(68,142,110)
```
#448e74
```
#448e74 rgb(68,142,116)
```
#448e7a
```
#448e7a rgb(68,142,122)
```
#448e80
```
#448e80 rgb(68,142,128)
```
#448e86
```
#448e86 rgb(68,142,134)
```
#448e8c
```
#448e8c rgb(68,142,140)
```
#448a8e
```
#448a8e rgb(68,138,142)
```

Similar Colors

Text with hexadecimal color #448e80

This text has a font color of #448e80.

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

#448e80 background color

This paragraph has a background color of #448e80.

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

#448e80 border color

This element has a border color of #448e80.

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

CSS codes

.text {color:#448e80;}

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

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

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)
```
#18312c
```
#18312c rgb(24,49,44)
```
#1e3e38
```
#1e3e38 rgb(30,62,56)
```
#244c44
```
#244c44 rgb(36,76,68)
```
#2b5950
```
#2b5950 rgb(43,89,80)
```
#31665c
```
#31665c rgb(49,102,92)
```
#377368
```
#377368 rgb(55,115,104)
```
#3e8174
```
#3e8174 rgb(62,129,116)
```
#448e80
```
#448e80 rgb(68,142,128)
```
#4a9b8c
```
#4a9b8c rgb(74,155,140)
```
#51a998
```
#51a998 rgb(81,169,152)
```

Shade Color Variation

#5cb1a1
```
#5cb1a1 rgb(92,177,161)
```
#69b7a8
```
#69b7a8 rgb(105,183,168)
```
#76beb0
```
#76beb0 rgb(118,190,176)
```
#84c4b8
```
#84c4b8 rgb(132,196,184)
```
#91cabf
```
#91cabf rgb(145,202,191)
```
#9ed1c7
```
#9ed1c7 rgb(158,209,199)
```
#acd7cf
```
#acd7cf rgb(172,215,207)
```
#b9ddd6
```
#b9ddd6 rgb(185,221,214)
```
#c6e4de
```
#c6e4de rgb(198,228,222)
```
#d3eae6
```
#d3eae6 rgb(211,234,230)
```
#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 #03cfa8 is the most saturated one.

#646e6c
```
#646e6c rgb(100,110,108)
```
#5c7671
```
#5c7671 rgb(92,118,113)
```
#547e76
```
#547e76 rgb(84,126,118)
```
#4c867b
```
#4c867b rgb(76,134,123)
```
#448e80
```
#448e80 rgb(68,142,128)
```
#3c9685
```
#3c9685 rgb(60,150,133)
```
#349e8a
```
#349e8a rgb(52,158,138)
```
#2ca68f
```
#2ca68f rgb(44,166,143)
```
#24ae94
```
#24ae94 rgb(36,174,148)
```
#1cb699
```
#1cb699 rgb(28,182,153)
```
#14be9e
```
#14be9e rgb(20,190,158)
```
#0bc7a3
```
#0bc7a3 rgb(11,199,163)
```
#03cfa8
```
#03cfa8 rgb(3,207,168)
```

Tone Color Variation

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

#8c8780 Protanopia 1% of men
#92848c Deuteranopia 1% of men
#55909b Tritanopia 0.001% of the population

Trichromacy

#718980 Protanomaly 1% of men, 0.01% of women
#768787 Deuteranomaly 6% of men, 0.4% of women
#4f8f91 Tritanomaly 0.01% of the population

#448e80 hex color

#448e80 Color Information

#448e80 Color Conversion

Color Schemes with #448e80

Alternatives to #448e80

#448e80 Preview

Shades and Tints of #448e80

Tones of #448e80

Color Blindness Simulator