#448f7a hex color

In a RGB color space, hex #448f7a is composed of 26.7% red, 56.1% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 0% magenta, 14.7% yellow and 43.9% black. It has a hue angle of 163.2 degrees, a saturation of 35.5% and a lightness of 41.4%. #448f7a color hex could be obtained by blending #88fff4 with #001f00. Closest websafe color is: #339966.

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

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

The hexadecimal color #448f7a has RGB values of R:68, G:143, B:122 and CMYK values of C:0.52, M:0, Y:0.15, K:0.44. Its decimal value is 4493178.

Hex triplet	448f7a	`#448f7a`
RGB Decimal	68, 143, 122	`rgb(68,143,122)`
RGB Percent	26.7, 56.1, 47.8	`rgb(26.7%,56.1%,47.8%)`
CMYK	52, 0, 15, 44
HSL	163.2°, 35.5, 41.4	`hsl(163.2,35.5%,41.4%)`
HSV (or HSB)	163.2°, 52.4, 56.1
Web Safe	339966	`#339966`

CIE-LAB	54.321, -28.66, 4.091
XYZ	15.718, 22.278, 21.883
xyY	0.262, 0.372, 22.278
CIE-LCH	54.321, 28.951, 171.875
CIE-LUV	54.321, -32.862, 10.011
Hunter-Lab	47.199, -23.156, 5.551
Binary	01000100, 10001111, 01111010

#448f7a
```
#448f7a rgb(68,143,122)
```
#8f4459
```
#8f4459 rgb(143,68,89)
```

Complementary Color

#448f55
```
#448f55 rgb(68,143,85)
```
#448f7a
```
#448f7a rgb(68,143,122)
```
#447f8f
```
#447f8f rgb(68,127,143)
```

Analogous Color

#8f5544
```
#8f5544 rgb(143,85,68)
```
#448f7a
```
#448f7a rgb(68,143,122)
```
#8f447f
```
#8f447f rgb(143,68,127)
```

Split Complementary Color

#8f7a44
```
#8f7a44 rgb(143,122,68)
```
#448f7a
```
#448f7a rgb(68,143,122)
```
#7a448f
```
#7a448f rgb(122,68,143)
```

Triadic Color

#598f44
```
#598f44 rgb(89,143,68)
```
#448f7a
```
#448f7a rgb(68,143,122)
```
#7a448f
```
#7a448f rgb(122,68,143)
```
#8f4459
```
#8f4459 rgb(143,68,89)
```

Tetradic Color

#2b5b4e
```
#2b5b4e rgb(43,91,78)
```
#346c5d
```
#346c5d rgb(52,108,93)
```
#3c7e6b
```
#3c7e6b rgb(60,126,107)
```
#448f7a
```
#448f7a rgb(68,143,122)
```
#4ca089
```
#4ca089 rgb(76,160,137)
```
#57af96
```
#57af96 rgb(87,175,150)
```
#68b7a1
```
#68b7a1 rgb(104,183,161)
```

Monochromatic Color

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

#448f67
```
#448f67 rgb(68,143,103)
```
#448f6e
```
#448f6e rgb(68,143,110)
```
#448f74
```
#448f74 rgb(68,143,116)
```
#448f7a
```
#448f7a rgb(68,143,122)
```
#448f80
```
#448f80 rgb(68,143,128)
```
#448f87
```
#448f87 rgb(68,143,135)
```
#448f8d
```
#448f8d rgb(68,143,141)
```

Similar Colors

Text with hexadecimal color #448f7a

This text has a font color of #448f7a.

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

#448f7a background color

This paragraph has a background color of #448f7a.

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

#448f7a border color

This element has a border color of #448f7a.

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

CSS codes

.text {color:#448f7a;}

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

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

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, #050a09 is the darkest color, while #fcfdfd is the lightest one.

#050a09
```
#050a09 rgb(5,10,9)
```
#0b1714
```
#0b1714 rgb(11,23,20)
```
#11251f
```
#11251f rgb(17,37,31)
```
#18322b
```
#18322b rgb(24,50,43)
```
#1e3f36
```
#1e3f36 rgb(30,63,54)
```
#244d41
```
#244d41 rgb(36,77,65)
```
#2b5a4d
```
#2b5a4d rgb(43,90,77)
```
#316758
```
#316758 rgb(49,103,88)
```
#377463
```
#377463 rgb(55,116,99)
```
#3e826f
```
#3e826f rgb(62,130,111)
```
#448f7a
```
#448f7a rgb(68,143,122)
```
#4a9c85
```
#4a9c85 rgb(74,156,133)
```
#51aa91
```
#51aa91 rgb(81,170,145)
```

Shade Color Variation

#5cb29a
```
#5cb29a rgb(92,178,154)
```
#6ab8a2
```
#6ab8a2 rgb(106,184,162)
```
#77beaa
```
#77beaa rgb(119,190,170)
```
#84c5b3
```
#84c5b3 rgb(132,197,179)
```
#91cbbb
```
#91cbbb rgb(145,203,187)
```
#9fd1c3
```
#9fd1c3 rgb(159,209,195)
```
#acd8cb
```
#acd8cb rgb(172,216,203)
```
#b9ded4
```
#b9ded4 rgb(185,222,212)
```
#c7e4dc
```
#c7e4dc rgb(199,228,220)
```
#d4eae4
```
#d4eae4 rgb(212,234,228)
```
#e1f1ec
```
#e1f1ec rgb(225,241,236)
```
#eef7f5
```
#eef7f5 rgb(238,247,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#646f6c
```
#646f6c rgb(100,111,108)
```
#5c776f
```
#5c776f rgb(92,119,111)
```
#547f73
```
#547f73 rgb(84,127,115)
```
#4c8776
```
#4c8776 rgb(76,135,118)
```
#448f7a
```
#448f7a rgb(68,143,122)
```
#3c977e
```
#3c977e rgb(60,151,126)
```
#349f81
```
#349f81 rgb(52,159,129)
```
#2ca785
```
#2ca785 rgb(44,167,133)
```
#24af88
```
#24af88 rgb(36,175,136)
```
#1bb88c
```
#1bb88c rgb(27,184,140)
```
#13c08f
```
#13c08f rgb(19,192,143)
```
#0bc893
```
#0bc893 rgb(11,200,147)
```
#03d097
```
#03d097 rgb(3,208,151)
```

Tone Color Variation

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

#8e877a Protanopia 1% of men
#958486 Deuteranopia 1% of men
#57909b Tritanopia 0.001% of the population

Trichromacy

#738a7a Protanomaly 1% of men, 0.01% of women
#778882 Deuteranomaly 6% of men, 0.4% of women
#50908f Tritanomaly 0.01% of the population

#448f7a hex color

#448f7a Color Information

#448f7a Color Conversion

Color Schemes with #448f7a

Alternatives to #448f7a

#448f7a Preview

Shades and Tints of #448f7a

Tones of #448f7a

Color Blindness Simulator