#448866 hex color

In a RGB color space, hex #448866 is composed of 26.7% red, 53.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 0% magenta, 25% yellow and 46.7% black. It has a hue angle of 150 degrees, a saturation of 33.3% and a lightness of 40%. #448866 color hex could be obtained by blending #88ffcc with #001100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 27
- G 53
- B 40
RGB color chart
- C 50
- M 0
- Y 25
- K 47
CMYK color chart

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

The hexadecimal color #448866 has RGB values of R:68, G:136, B:102 and CMYK values of C:0.5, M:0, Y:0.25, K:0.47. Its decimal value is 4491366.

Hex triplet	448866	`#448866`
RGB Decimal	68, 136, 102	`rgb(68,136,102)`
RGB Percent	26.7, 53.3, 40	`rgb(26.7%,53.3%,40%)`
CMYK	50, 0, 25, 47
HSL	150°, 33.3, 40	`hsl(150,33.3%,40%)`
HSV (or HSB)	150°, 50, 53.3
Web Safe	339966	`#339966`

CIE-LAB	51.605, -29.977, 11.741
XYZ	13.585, 19.796, 15.675
xyY	0.277, 0.404, 19.796
CIE-LCH	51.605, 32.194, 158.611
CIE-LUV	51.605, -30.762, 20.095
Hunter-Lab	44.492, -23.358, 10.257
Binary	01000100, 10001000, 01100110

#448866
```
#448866 rgb(68,136,102)
```
#884466
```
#884466 rgb(136,68,102)
```

Complementary Color

#448844
```
#448844 rgb(68,136,68)
```
#448866
```
#448866 rgb(68,136,102)
```
#448888
```
#448888 rgb(68,136,136)
```

Analogous Color

#884444
```
#884444 rgb(136,68,68)
```
#448866
```
#448866 rgb(68,136,102)
```
#884488
```
#884488 rgb(136,68,136)
```

Split Complementary Color

#886644
```
#886644 rgb(136,102,68)
```
#448866
```
#448866 rgb(68,136,102)
```
#664488
```
#664488 rgb(102,68,136)
```

Triadic Color

#668844
```
#668844 rgb(102,136,68)
```
#448866
```
#448866 rgb(68,136,102)
```
#664488
```
#664488 rgb(102,68,136)
```
#884466
```
#884466 rgb(136,68,102)
```

Tetradic Color

#2b5540
```
#2b5540 rgb(43,85,64)
```
#33664d
```
#33664d rgb(51,102,77)
```
#3c7759
```
#3c7759 rgb(60,119,89)
```
#448866
```
#448866 rgb(68,136,102)
```
#4d9973
```
#4d9973 rgb(77,153,115)
```
#55aa80
```
#55aa80 rgb(85,170,128)
```
#66b38c
```
#66b38c rgb(102,179,140)
```

Monochromatic Color

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

#448855
```
#448855 rgb(68,136,85)
```
#44885b
```
#44885b rgb(68,136,91)
```
#448860
```
#448860 rgb(68,136,96)
```
#448866
```
#448866 rgb(68,136,102)
```
#44886c
```
#44886c rgb(68,136,108)
```
#448871
```
#448871 rgb(68,136,113)
```
#448877
```
#448877 rgb(68,136,119)
```

Similar Colors

Text with hexadecimal color #448866

This text has a font color of #448866.

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

#448866 background color

This paragraph has a background color of #448866.

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

#448866 border color

This element has a border color of #448866.

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

CSS codes

.text {color:#448866;}

.background {background-color:#448866;}

.border {border:1px solid #448866;}

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

#030504
```
#030504 rgb(3,5,4)
```
#09120e
```
#09120e rgb(9,18,14)
```
#101f18
```
#101f18 rgb(16,31,24)
```
#162c21
```
#162c21 rgb(22,44,33)
```
#1d3a2b
```
#1d3a2b rgb(29,58,43)
```
#234735
```
#234735 rgb(35,71,53)
```
#2a543f
```
#2a543f rgb(42,84,63)
```
#306149
```
#306149 rgb(48,97,73)
```
#376e52
```
#376e52 rgb(55,110,82)
```
#3d7b5c
```
#3d7b5c rgb(61,123,92)
```
#448866
```
#448866 rgb(68,136,102)
```
#4b9570
```
#4b9570 rgb(75,149,112)
```
#51a27a
```
#51a27a rgb(81,162,122)
```

Shade Color Variation

#5aad83
```
#5aad83 rgb(90,173,131)
```
#67b38d
```
#67b38d rgb(103,179,141)
```
#74ba97
```
#74ba97 rgb(116,186,151)
```
#81c0a1
```
#81c0a1 rgb(129,192,161)
```
#8fc7ab
```
#8fc7ab rgb(143,199,171)
```
#9ccdb4
```
#9ccdb4 rgb(156,205,180)
```
#a9d4be
```
#a9d4be rgb(169,212,190)
```
#b6dac8
```
#b6dac8 rgb(182,218,200)
```
#c3e1d2
```
#c3e1d2 rgb(195,225,210)
```
#d0e7dc
```
#d0e7dc rgb(208,231,220)
```
#ddeee6
```
#ddeee6 rgb(221,238,230)
```
#eaf5ef
```
#eaf5ef rgb(234,245,239)
```
#f7fbf9
```
#f7fbf9 rgb(247,251,249)
```

Tint Color Variation

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

#636966
```
#636966 rgb(99,105,102)
```
#5c7066
```
#5c7066 rgb(92,112,102)
```
#547866
```
#547866 rgb(84,120,102)
```
#4c8066
```
#4c8066 rgb(76,128,102)
```
#448866
```
#448866 rgb(68,136,102)
```
#3c9066
```
#3c9066 rgb(60,144,102)
```
#349866
```
#349866 rgb(52,152,102)
```
#2ca066
```
#2ca066 rgb(44,160,102)
```
#25a766
```
#25a766 rgb(37,167,102)
```
#1daf66
```
#1daf66 rgb(29,175,102)
```
#15b766
```
#15b766 rgb(21,183,102)
```
#0dbf66
```
#0dbf66 rgb(13,191,102)
```
#05c766
```
#05c766 rgb(5,199,102)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#67756e Atypical Achromatopsia 0.001% of the population

Dichromacy

#898168 Protanopia 1% of men
#937d73 Deuteranopia 1% of men
#598993 Tritanopia 0.001% of the population

Trichromacy

#708367 Protanomaly 1% of men, 0.01% of women
#76816e Deuteranomaly 6% of men, 0.4% of women
#518882 Tritanomaly 0.01% of the population

#448866 hex color

#448866 Color Information

#448866 Color Conversion

Color Schemes with #448866

Alternatives to #448866

#448866 Preview

Shades and Tints of #448866

Tones of #448866

Color Blindness Simulator