#448c80 hex color

In a RGB color space, hex #448c80 is composed of 26.7% red, 54.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 0% magenta, 8.6% yellow and 45.1% black. It has a hue angle of 170 degrees, a saturation of 34.6% and a lightness of 40.8%. #448c80 color hex could be obtained by blending #88ffff with #001901. Closest websafe color is: #339999.

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

● #448c80 color description : Dark moderate cyan.

The hexadecimal color #448c80 has RGB values of R:68, G:140, B:128 and CMYK values of C:0.51, M:0, Y:0.09, K:0.45. Its decimal value is 4492416.

Hex triplet	448c80	`#448c80`
RGB Decimal	68, 140, 128	`rgb(68,140,128)`
RGB Percent	26.7, 54.9, 50.2	`rgb(26.7%,54.9%,50.2%)`
CMYK	51, 0, 9, 45
HSL	170°, 34.6, 40.8	`hsl(170,34.6%,40.8%)`
HSV (or HSB)	170°, 51.4, 54.9
Web Safe	339999	`#339999`

CIE-LAB	53.538, -25.643, -0.505
XYZ	15.657, 21.543, 23.754
xyY	0.257, 0.353, 21.543
CIE-LCH	53.538, 25.648, 181.129
CIE-LUV	53.538, -31.396, 3.12
Hunter-Lab	46.414, -21.01, 2.146
Binary	01000100, 10001100, 10000000

#448c80
```
#448c80 rgb(68,140,128)
```
#8c4450
```
#8c4450 rgb(140,68,80)
```

Complementary Color

#448c5c
```
#448c5c rgb(68,140,92)
```
#448c80
```
#448c80 rgb(68,140,128)
```
#44748c
```
#44748c rgb(68,116,140)
```

Analogous Color

#8c5c44
```
#8c5c44 rgb(140,92,68)
```
#448c80
```
#448c80 rgb(68,140,128)
```
#8c4474
```
#8c4474 rgb(140,68,116)
```

Split Complementary Color

#8c8044
```
#8c8044 rgb(140,128,68)
```
#448c80
```
#448c80 rgb(68,140,128)
```
#80448c
```
#80448c rgb(128,68,140)
```

Triadic Color

#508c44
```
#508c44 rgb(80,140,68)
```
#448c80
```
#448c80 rgb(68,140,128)
```
#80448c
```
#80448c rgb(128,68,140)
```
#8c4450
```
#8c4450 rgb(140,68,80)
```

Tetradic Color

#2b5951
```
#2b5951 rgb(43,89,81)
```
#336a61
```
#336a61 rgb(51,106,97)
```
#3c7b70
```
#3c7b70 rgb(60,123,112)
```
#448c80
```
#448c80 rgb(68,140,128)
```
#4c9d90
```
#4c9d90 rgb(76,157,144)
```
#56ad9e
```
#56ad9e rgb(86,173,158)
```
#67b5a8
```
#67b5a8 rgb(103,181,168)
```

Monochromatic Color

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

#448c6e
```
#448c6e rgb(68,140,110)
```
#448c74
```
#448c74 rgb(68,140,116)
```
#448c7a
```
#448c7a rgb(68,140,122)
```
#448c80
```
#448c80 rgb(68,140,128)
```
#448c86
```
#448c86 rgb(68,140,134)
```
#448c8c
```
#448c8c rgb(68,140,140)
```
#44868c
```
#44868c rgb(68,134,140)
```

Similar Colors

Text with hexadecimal color #448c80

This text has a font color of #448c80.

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

#448c80 background color

This paragraph has a background color of #448c80.

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

#448c80 border color

This element has a border color of #448c80.

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

CSS codes

.text {color:#448c80;}

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

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

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

#040807
```
#040807 rgb(4,8,7)
```
#0a1513
```
#0a1513 rgb(10,21,19)
```
#11221f
```
#11221f rgb(17,34,31)
```
#17302c
```
#17302c rgb(23,48,44)
```
#1e3d38
```
#1e3d38 rgb(30,61,56)
```
#244a44
```
#244a44 rgb(36,74,68)
```
#2a5750
```
#2a5750 rgb(42,87,80)
```
#31645c
```
#31645c rgb(49,100,92)
```
#377268
```
#377268 rgb(55,114,104)
```
#3e7f74
```
#3e7f74 rgb(62,127,116)
```
#448c80
```
#448c80 rgb(68,140,128)
```
#4a998c
```
#4a998c rgb(74,153,140)
```
#51a698
```
#51a698 rgb(81,166,152)
```

Shade Color Variation

#5bb0a1
```
#5bb0a1 rgb(91,176,161)
```
#69b6a9
```
#69b6a9 rgb(105,182,169)
```
#76bcb1
```
#76bcb1 rgb(118,188,177)
```
#83c3b8
```
#83c3b8 rgb(131,195,184)
```
#90c9c0
```
#90c9c0 rgb(144,201,192)
```
#9dd0c7
```
#9dd0c7 rgb(157,208,199)
```
#abd6cf
```
#abd6cf rgb(171,214,207)
```
#b8dcd6
```
#b8dcd6 rgb(184,220,214)
```
#c5e3de
```
#c5e3de rgb(197,227,222)
```
#d2e9e5
```
#d2e9e5 rgb(210,233,229)
```
#dff0ed
```
#dff0ed rgb(223,240,237)
```
#edf6f4
```
#edf6f4 rgb(237,246,244)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#646c6b
```
#646c6b rgb(100,108,107)
```
#5c7470
```
#5c7470 rgb(92,116,112)
```
#547c75
```
#547c75 rgb(84,124,117)
```
#4c847b
```
#4c847b rgb(76,132,123)
```
#448c80
```
#448c80 rgb(68,140,128)
```
#3c9485
```
#3c9485 rgb(60,148,133)
```
#349c8b
```
#349c8b rgb(52,156,139)
```
#2ca490
```
#2ca490 rgb(44,164,144)
```
#24ac95
```
#24ac95 rgb(36,172,149)
```
#1cb49b
```
#1cb49b rgb(28,180,155)
```
#14bca0
```
#14bca0 rgb(20,188,160)
```
#0cc4a5
```
#0cc4a5 rgb(12,196,165)
```
#04ccab
```
#04ccab rgb(4,204,171)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6b7a77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8580 Protanopia 1% of men
#90828b Deuteranopia 1% of men
#558f99 Tritanopia 0.001% of the population

Trichromacy

#708880 Protanomaly 1% of men, 0.01% of women
#748687 Deuteranomaly 6% of men, 0.4% of women
#4e8d90 Tritanomaly 0.01% of the population

#448c80 hex color

#448c80 Color Information

#448c80 Color Conversion

Color Schemes with #448c80

Alternatives to #448c80

#448c80 Preview

Shades and Tints of #448c80

Tones of #448c80

Color Blindness Simulator