#448c86 hex color

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

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

● #448c86 color description : Dark moderate cyan.

The hexadecimal color #448c86 has RGB values of R:68, G:140, B:134 and CMYK values of C:0.51, M:0, Y:0.04, K:0.45. Its decimal value is 4492422.

Hex triplet	448c86	`#448c86`
RGB Decimal	68, 140, 134	`rgb(68,140,134)`
RGB Percent	26.7, 54.9, 52.5	`rgb(26.7%,54.9%,52.5%)`
CMYK	51, 0, 4, 45
HSL	175°, 34.6, 40.8	`hsl(175,34.6%,40.8%)`
HSV (or HSB)	175°, 51.4, 54.9
Web Safe	339999	`#339999`

CIE-LAB	53.713, -24.043, -3.72
XYZ	16.064, 21.705, 25.896
xyY	0.252, 0.341, 21.705
CIE-LCH	53.713, 24.329, 188.794
CIE-LUV	53.713, -31.148, -1.733
Hunter-Lab	46.589, -19.984, -0.344
Binary	01000100, 10001100, 10000110

#448c86
```
#448c86 rgb(68,140,134)
```
#8c444a
```
#8c444a rgb(140,68,74)
```

Complementary Color

#448c62
```
#448c62 rgb(68,140,98)
```
#448c86
```
#448c86 rgb(68,140,134)
```
#446e8c
```
#446e8c rgb(68,110,140)
```

Analogous Color

#8c6244
```
#8c6244 rgb(140,98,68)
```
#448c86
```
#448c86 rgb(68,140,134)
```
#8c446e
```
#8c446e rgb(140,68,110)
```

Split Complementary Color

#8c8644
```
#8c8644 rgb(140,134,68)
```
#448c86
```
#448c86 rgb(68,140,134)
```
#86448c
```
#86448c rgb(134,68,140)
```

Triadic Color

#4a8c44
```
#4a8c44 rgb(74,140,68)
```
#448c86
```
#448c86 rgb(68,140,134)
```
#86448c
```
#86448c rgb(134,68,140)
```
#8c444a
```
#8c444a rgb(140,68,74)
```

Tetradic Color

#2b5955
```
#2b5955 rgb(43,89,85)
```
#336a65
```
#336a65 rgb(51,106,101)
```
#3c7b76
```
#3c7b76 rgb(60,123,118)
```
#448c86
```
#448c86 rgb(68,140,134)
```
#4c9d96
```
#4c9d96 rgb(76,157,150)
```
#56ada6
```
#56ada6 rgb(86,173,166)
```
#67b5af
```
#67b5af rgb(103,181,175)
```

Monochromatic Color

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

#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)
```
#44808c
```
#44808c rgb(68,128,140)
```

Similar Colors

Text with hexadecimal color #448c86

This text has a font color of #448c86.

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

#448c86 background color

This paragraph has a background color of #448c86.

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

#448c86 border color

This element has a border color of #448c86.

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

CSS codes

.text {color:#448c86;}

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

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

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

#040808
```
#040808 rgb(4,8,8)
```
#0a1514
```
#0a1514 rgb(10,21,20)
```
#112221
```
#112221 rgb(17,34,33)
```
#17302e
```
#17302e rgb(23,48,46)
```
#1e3d3a
```
#1e3d3a rgb(30,61,58)
```
#244a47
```
#244a47 rgb(36,74,71)
```
#2a5753
```
#2a5753 rgb(42,87,83)
```
#316460
```
#316460 rgb(49,100,96)
```
#37726d
```
#37726d rgb(55,114,109)
```
#3e7f79
```
#3e7f79 rgb(62,127,121)
```
#448c86
```
#448c86 rgb(68,140,134)
```
#4a9993
```
#4a9993 rgb(74,153,147)
```
#51a69f
```
#51a69f rgb(81,166,159)
```

Shade Color Variation

#5bb0a8
```
#5bb0a8 rgb(91,176,168)
```
#69b6af
```
#69b6af rgb(105,182,175)
```
#76bcb6
```
#76bcb6 rgb(118,188,182)
```
#83c3bd
```
#83c3bd rgb(131,195,189)
```
#90c9c4
```
#90c9c4 rgb(144,201,196)
```
#9dd0cb
```
#9dd0cb rgb(157,208,203)
```
#abd6d2
```
#abd6d2 rgb(171,214,210)
```
#b8dcd9
```
#b8dcd9 rgb(184,220,217)
```
#c5e3e0
```
#c5e3e0 rgb(197,227,224)
```
#d2e9e7
```
#d2e9e7 rgb(210,233,231)
```
#dff0ee
```
#dff0ee rgb(223,240,238)
```
#edf6f5
```
#edf6f5 rgb(237,246,245)
```
#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 #04ccbb is the most saturated one.

#646c6b
```
#646c6b rgb(100,108,107)
```
#5c7472
```
#5c7472 rgb(92,116,114)
```
#547c79
```
#547c79 rgb(84,124,121)
```
#4c847f
```
#4c847f rgb(76,132,127)
```
#448c86
```
#448c86 rgb(68,140,134)
```
#3c948d
```
#3c948d rgb(60,148,141)
```
#349c93
```
#349c93 rgb(52,156,147)
```
#2ca49a
```
#2ca49a rgb(44,164,154)
```
#24aca1
```
#24aca1 rgb(36,172,161)
```
#1cb4a7
```
#1cb4a7 rgb(28,180,167)
```
#14bcae
```
#14bcae rgb(20,188,174)
```
#0cc4b5
```
#0cc4b5 rgb(12,196,181)
```
#04ccbb
```
#04ccbb rgb(4,204,187)
```

Tone Color Variation

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

Dichromacy

#898686 Protanopia 1% of men
#8e8391 Deuteranopia 1% of men
#538f9a Tritanopia 0.001% of the population

Trichromacy

#708886 Protanomaly 1% of men, 0.01% of women
#73868d Deuteranomaly 6% of men, 0.4% of women
#4d8e92 Tritanomaly 0.01% of the population

#448c86 hex color

#448c86 Color Information

#448c86 Color Conversion

Color Schemes with #448c86

Alternatives to #448c86

#448c86 Preview

Shades and Tints of #448c86

Tones of #448c86

Color Blindness Simulator