#448a6c hex color

In a RGB color space, hex #448a6c is composed of 26.7% red, 54.1% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 50.7% cyan, 0% magenta, 21.7% yellow and 45.9% black. It has a hue angle of 154.3 degrees, a saturation of 34% and a lightness of 40.4%. #448a6c color hex could be obtained by blending #88ffd8 with #001500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 27
- G 54
- B 42
RGB color chart
- C 51
- M 0
- Y 22
- K 46
CMYK color chart

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

The hexadecimal color #448a6c has RGB values of R:68, G:138, B:108 and CMYK values of C:0.51, M:0, Y:0.22, K:0.46. Its decimal value is 4491884.

Hex triplet	448a6c	`#448a6c`
RGB Decimal	68, 138, 108	`rgb(68,138,108)`
RGB Percent	26.7, 54.1, 42.4	`rgb(26.7%,54.1%,42.4%)`
CMYK	51, 0, 22, 46
HSL	154.3°, 34, 40.4	`hsl(154.3,34%,40.4%)`
HSV (or HSB)	154.3°, 50.7, 54.1
Web Safe	339966	`#339966`

CIE-LAB	52.384, -29.585, 9.384
XYZ	14.178, 20.488, 17.394
xyY	0.272, 0.394, 20.488
CIE-LCH	52.384, 31.038, 162.402
CIE-LUV	52.384, -31.373, 17.101
Hunter-Lab	45.263, -23.298, 8.9
Binary	01000100, 10001010, 01101100

#448a6c
```
#448a6c rgb(68,138,108)
```
#8a4462
```
#8a4462 rgb(138,68,98)
```

Complementary Color

#448a49
```
#448a49 rgb(68,138,73)
```
#448a6c
```
#448a6c rgb(68,138,108)
```
#44858a
```
#44858a rgb(68,133,138)
```

Analogous Color

#8a4944
```
#8a4944 rgb(138,73,68)
```
#448a6c
```
#448a6c rgb(68,138,108)
```
#8a4485
```
#8a4485 rgb(138,68,133)
```

Split Complementary Color

#8a6c44
```
#8a6c44 rgb(138,108,68)
```
#448a6c
```
#448a6c rgb(68,138,108)
```
#6c448a
```
#6c448a rgb(108,68,138)
```

Triadic Color

#628a44
```
#628a44 rgb(98,138,68)
```
#448a6c
```
#448a6c rgb(68,138,108)
```
#6c448a
```
#6c448a rgb(108,68,138)
```
#8a4462
```
#8a4462 rgb(138,68,98)
```

Tetradic Color

#2b5744
```
#2b5744 rgb(43,87,68)
```
#336851
```
#336851 rgb(51,104,81)
```
#3c795f
```
#3c795f rgb(60,121,95)
```
#448a6c
```
#448a6c rgb(68,138,108)
```
#4c9b79
```
#4c9b79 rgb(76,155,121)
```
#56ab87
```
#56ab87 rgb(86,171,135)
```
#67b493
```
#67b493 rgb(103,180,147)
```

Monochromatic Color

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

#448a5b
```
#448a5b rgb(68,138,91)
```
#448a60
```
#448a60 rgb(68,138,96)
```
#448a66
```
#448a66 rgb(68,138,102)
```
#448a6c
```
#448a6c rgb(68,138,108)
```
#448a72
```
#448a72 rgb(68,138,114)
```
#448a78
```
#448a78 rgb(68,138,120)
```
#448a7e
```
#448a7e rgb(68,138,126)
```

Similar Colors

Text with hexadecimal color #448a6c

This text has a font color of #448a6c.

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

#448a6c background color

This paragraph has a background color of #448a6c.

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

#448a6c border color

This element has a border color of #448a6c.

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

CSS codes

.text {color:#448a6c;}

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

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

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

#030705
```
#030705 rgb(3,7,5)
```
#0a140f
```
#0a140f rgb(10,20,15)
```
#10211a
```
#10211a rgb(16,33,26)
```
#172e24
```
#172e24 rgb(23,46,36)
```
#1d3b2e
```
#1d3b2e rgb(29,59,46)
```
#244839
```
#244839 rgb(36,72,57)
```
#2a5543
```
#2a5543 rgb(42,85,67)
```
#31634d
```
#31634d rgb(49,99,77)
```
#377057
```
#377057 rgb(55,112,87)
```
#3e7d62
```
#3e7d62 rgb(62,125,98)
```
#448a6c
```
#448a6c rgb(68,138,108)
```
#4a9776
```
#4a9776 rgb(74,151,118)
```
#51a481
```
#51a481 rgb(81,164,129)
```

Shade Color Variation

#5bae8a
```
#5bae8a rgb(91,174,138)
```
#68b594
```
#68b594 rgb(104,181,148)
```
#75bb9d
```
#75bb9d rgb(117,187,157)
```
#82c2a6
```
#82c2a6 rgb(130,194,166)
```
#8fc8b0
```
#8fc8b0 rgb(143,200,176)
```
#9cceb9
```
#9cceb9 rgb(156,206,185)
```
#aad5c2
```
#aad5c2 rgb(170,213,194)
```
#b7dbcc
```
#b7dbcc rgb(183,219,204)
```
#c4e2d5
```
#c4e2d5 rgb(196,226,213)
```
#d1e8de
```
#d1e8de rgb(209,232,222)
```
#deefe8
```
#deefe8 rgb(222,239,232)
```
#ebf5f1
```
#ebf5f1 rgb(235,245,241)
```
#f8fcfa
```
#f8fcfa rgb(248,252,250)
```

Tint Color Variation

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

#646a67
```
#646a67 rgb(100,106,103)
```
#5c7269
```
#5c7269 rgb(92,114,105)
```
#547a6a
```
#547a6a rgb(84,122,106)
```
#4c826b
```
#4c826b rgb(76,130,107)
```
#448a6c
```
#448a6c rgb(68,138,108)
```
#3c926d
```
#3c926d rgb(60,146,109)
```
#349a6e
```
#349a6e rgb(52,154,110)
```
#2ca26f
```
#2ca26f rgb(44,162,111)
```
#24aa71
```
#24aa71 rgb(36,170,113)
```
#1cb272
```
#1cb272 rgb(28,178,114)
```
#14ba73
```
#14ba73 rgb(20,186,115)
```
#0dc174
```
#0dc174 rgb(13,193,116)
```
#05c975
```
#05c975 rgb(5,201,117)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#697771 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b836d Protanopia 1% of men
#937f79 Deuteranopia 1% of men
#598b95 Tritanopia 0.001% of the population

Trichromacy

#71856d Protanomaly 1% of men, 0.01% of women
#768374 Deuteranomaly 6% of men, 0.4% of women
#518a86 Tritanomaly 0.01% of the population

#448a6c hex color

#448a6c Color Information

#448a6c Color Conversion

Color Schemes with #448a6c

Alternatives to #448a6c

#448a6c Preview

Shades and Tints of #448a6c

Tones of #448a6c

Color Blindness Simulator