#448f78 hex color

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

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

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

The hexadecimal color #448f78 has RGB values of R:68, G:143, B:120 and CMYK values of C:0.52, M:0, Y:0.16, K:0.44. Its decimal value is 4493176.

Hex triplet	448f78	`#448f78`
RGB Decimal	68, 143, 120	`rgb(68,143,120)`
RGB Percent	26.7, 56.1, 47.1	`rgb(26.7%,56.1%,47.1%)`
CMYK	52, 0, 16, 44
HSL	161.6°, 35.5, 41.4	`hsl(161.6,35.5%,41.4%)`
HSV (or HSB)	161.6°, 52.4, 56.1
Web Safe	339966	`#339966`

CIE-LAB	54.269, -29.153, 5.167
XYZ	15.595, 22.229, 21.237
xyY	0.264, 0.376, 22.229
CIE-LCH	54.269, 29.608, 169.95
CIE-LUV	54.269, -32.946, 11.553
Hunter-Lab	47.147, -23.464, 6.297
Binary	01000100, 10001111, 01111000

#448f78
```
#448f78 rgb(68,143,120)
```
#8f445b
```
#8f445b rgb(143,68,91)
```

Complementary Color

#448f53
```
#448f53 rgb(68,143,83)
```
#448f78
```
#448f78 rgb(68,143,120)
```
#44818f
```
#44818f rgb(68,129,143)
```

Analogous Color

#8f5344
```
#8f5344 rgb(143,83,68)
```
#448f78
```
#448f78 rgb(68,143,120)
```
#8f4481
```
#8f4481 rgb(143,68,129)
```

Split Complementary Color

#8f7844
```
#8f7844 rgb(143,120,68)
```
#448f78
```
#448f78 rgb(68,143,120)
```
#78448f
```
#78448f rgb(120,68,143)
```

Triadic Color

#5b8f44
```
#5b8f44 rgb(91,143,68)
```
#448f78
```
#448f78 rgb(68,143,120)
```
#78448f
```
#78448f rgb(120,68,143)
```
#8f445b
```
#8f445b rgb(143,68,91)
```

Tetradic Color

#2b5b4c
```
#2b5b4c rgb(43,91,76)
```
#346c5b
```
#346c5b rgb(52,108,91)
```
#3c7e69
```
#3c7e69 rgb(60,126,105)
```
#448f78
```
#448f78 rgb(68,143,120)
```
#4ca087
```
#4ca087 rgb(76,160,135)
```
#57af94
```
#57af94 rgb(87,175,148)
```
#68b79f
```
#68b79f rgb(104,183,159)
```

Monochromatic Color

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

#448f65
```
#448f65 rgb(68,143,101)
```
#448f6c
```
#448f6c rgb(68,143,108)
```
#448f72
```
#448f72 rgb(68,143,114)
```
#448f78
```
#448f78 rgb(68,143,120)
```
#448f7e
```
#448f7e rgb(68,143,126)
```
#448f85
```
#448f85 rgb(68,143,133)
```
#448f8b
```
#448f8b rgb(68,143,139)
```

Similar Colors

Text with hexadecimal color #448f78

This text has a font color of #448f78.

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

#448f78 background color

This paragraph has a background color of #448f78.

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

#448f78 border color

This element has a border color of #448f78.

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

CSS codes

.text {color:#448f78;}

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

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

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

#050a08
```
#050a08 rgb(5,10,8)
```
#0b1714
```
#0b1714 rgb(11,23,20)
```
#11251f
```
#11251f rgb(17,37,31)
```
#18322a
```
#18322a rgb(24,50,42)
```
#1e3f35
```
#1e3f35 rgb(30,63,53)
```
#244d40
```
#244d40 rgb(36,77,64)
```
#2b5a4b
```
#2b5a4b rgb(43,90,75)
```
#316757
```
#316757 rgb(49,103,87)
```
#377462
```
#377462 rgb(55,116,98)
```
#3e826d
```
#3e826d rgb(62,130,109)
```
#448f78
```
#448f78 rgb(68,143,120)
```
#4a9c83
```
#4a9c83 rgb(74,156,131)
```
#51aa8e
```
#51aa8e rgb(81,170,142)
```

Shade Color Variation

#5cb297
```
#5cb297 rgb(92,178,151)
```
#6ab8a0
```
#6ab8a0 rgb(106,184,160)
```
#77bea8
```
#77bea8 rgb(119,190,168)
```
#84c5b1
```
#84c5b1 rgb(132,197,177)
```
#91cbb9
```
#91cbb9 rgb(145,203,185)
```
#9fd1c2
```
#9fd1c2 rgb(159,209,194)
```
#acd8ca
```
#acd8ca rgb(172,216,202)
```
#b9ded3
```
#b9ded3 rgb(185,222,211)
```
#c7e4db
```
#c7e4db rgb(199,228,219)
```
#d4eae4
```
#d4eae4 rgb(212,234,228)
```
#e1f1ec
```
#e1f1ec rgb(225,241,236)
```
#eef7f4
```
#eef7f4 rgb(238,247,244)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#646f6b
```
#646f6b rgb(100,111,107)
```
#5c776f
```
#5c776f rgb(92,119,111)
```
#547f72
```
#547f72 rgb(84,127,114)
```
#4c8775
```
#4c8775 rgb(76,135,117)
```
#448f78
```
#448f78 rgb(68,143,120)
```
#3c977b
```
#3c977b rgb(60,151,123)
```
#349f7e
```
#349f7e rgb(52,159,126)
```
#2ca781
```
#2ca781 rgb(44,167,129)
```
#24af85
```
#24af85 rgb(36,175,133)
```
#1bb888
```
#1bb888 rgb(27,184,136)
```
#13c08b
```
#13c08b rgb(19,192,139)
```
#0bc88e
```
#0bc88e rgb(11,200,142)
```
#03d091
```
#03d091 rgb(3,208,145)
```

Tone Color Variation

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

Dichromacy

#8e8778 Protanopia 1% of men
#968484 Deuteranopia 1% of men
#58909b Tritanopia 0.001% of the population

Trichromacy

#738a78 Protanomaly 1% of men, 0.01% of women
#788880 Deuteranomaly 6% of men, 0.4% of women
#50908e Tritanomaly 0.01% of the population

#448f78 hex color

#448f78 Color Information

#448f78 Color Conversion

Color Schemes with #448f78

Alternatives to #448f78

#448f78 Preview

Shades and Tints of #448f78

Tones of #448f78

Color Blindness Simulator