#448a86 hex color

In a RGB color space, hex #448a86 is composed of 26.7% red, 54.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 50.7% cyan, 0% magenta, 2.9% yellow and 45.9% black. It has a hue angle of 176.6 degrees, a saturation of 34% and a lightness of 40.4%. #448a86 color hex could be obtained by blending #88ffff with #00150d. Closest websafe color is: #339999.

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

● #448a86 color description : Dark moderate cyan.

The hexadecimal color #448a86 has RGB values of R:68, G:138, B:134 and CMYK values of C:0.51, M:0, Y:0.03, K:0.46. Its decimal value is 4491910.

Hex triplet	448a86	`#448a86`
RGB Decimal	68, 138, 134	`rgb(68,138,134)`
RGB Percent	26.7, 54.1, 52.5	`rgb(26.7%,54.1%,52.5%)`
CMYK	51, 0, 3, 46
HSL	176.6°, 34, 40.4	`hsl(176.6,34%,40.4%)`
HSV (or HSB)	176.6°, 50.7, 54.1
Web Safe	339999	`#339999`

CIE-LAB	53.087, -23.017, -4.644
XYZ	15.774, 21.126, 25.799
xyY	0.252, 0.337, 21.126
CIE-LCH	53.087, 23.481, 191.407
CIE-LUV	53.087, -30.344, -3.22
Hunter-Lab	45.963, -19.175, -1.106
Binary	01000100, 10001010, 10000110

#448a86
```
#448a86 rgb(68,138,134)
```
#8a4448
```
#8a4448 rgb(138,68,72)
```

Complementary Color

#448a63
```
#448a63 rgb(68,138,99)
```
#448a86
```
#448a86 rgb(68,138,134)
```
#446b8a
```
#446b8a rgb(68,107,138)
```

Analogous Color

#8a6344
```
#8a6344 rgb(138,99,68)
```
#448a86
```
#448a86 rgb(68,138,134)
```
#8a446b
```
#8a446b rgb(138,68,107)
```

Split Complementary Color

#8a8644
```
#8a8644 rgb(138,134,68)
```
#448a86
```
#448a86 rgb(68,138,134)
```
#86448a
```
#86448a rgb(134,68,138)
```

Triadic Color

#488a44
```
#488a44 rgb(72,138,68)
```
#448a86
```
#448a86 rgb(68,138,134)
```
#86448a
```
#86448a rgb(134,68,138)
```
#8a4448
```
#8a4448 rgb(138,68,72)
```

Tetradic Color

#2b5754
```
#2b5754 rgb(43,87,84)
```
#336865
```
#336865 rgb(51,104,101)
```
#3c7975
```
#3c7975 rgb(60,121,117)
```
#448a86
```
#448a86 rgb(68,138,134)
```
#4c9b97
```
#4c9b97 rgb(76,155,151)
```
#56aba7
```
#56aba7 rgb(86,171,167)
```
#67b4af
```
#67b4af rgb(103,180,175)
```

Monochromatic Color

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

#448a75
```
#448a75 rgb(68,138,117)
```
#448a7a
```
#448a7a rgb(68,138,122)
```
#448a80
```
#448a80 rgb(68,138,128)
```
#448a86
```
#448a86 rgb(68,138,134)
```
#44888a
```
#44888a rgb(68,136,138)
```
#44828a
```
#44828a rgb(68,130,138)
```
#447d8a
```
#447d8a rgb(68,125,138)
```

Similar Colors

Text with hexadecimal color #448a86

This text has a font color of #448a86.

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

#448a86 background color

This paragraph has a background color of #448a86.

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

#448a86 border color

This element has a border color of #448a86.

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

CSS codes

.text {color:#448a86;}

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

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

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

#030706
```
#030706 rgb(3,7,6)
```
#0a1413
```
#0a1413 rgb(10,20,19)
```
#102120
```
#102120 rgb(16,33,32)
```
#172e2d
```
#172e2d rgb(23,46,45)
```
#1d3b39
```
#1d3b39 rgb(29,59,57)
```
#244846
```
#244846 rgb(36,72,70)
```
#2a5553
```
#2a5553 rgb(42,85,83)
```
#316360
```
#316360 rgb(49,99,96)
```
#37706c
```
#37706c rgb(55,112,108)
```
#3e7d79
```
#3e7d79 rgb(62,125,121)
```
#448a86
```
#448a86 rgb(68,138,134)
```
#4a9793
```
#4a9793 rgb(74,151,147)
```
#51a4a0
```
#51a4a0 rgb(81,164,160)
```

Shade Color Variation

#5baea9
```
#5baea9 rgb(91,174,169)
```
#68b5b0
```
#68b5b0 rgb(104,181,176)
```
#75bbb7
```
#75bbb7 rgb(117,187,183)
```
#82c2be
```
#82c2be rgb(130,194,190)
```
#8fc8c5
```
#8fc8c5 rgb(143,200,197)
```
#9ccecc
```
#9ccecc rgb(156,206,204)
```
#aad5d2
```
#aad5d2 rgb(170,213,210)
```
#b7dbd9
```
#b7dbd9 rgb(183,219,217)
```
#c4e2e0
```
#c4e2e0 rgb(196,226,224)
```
#d1e8e7
```
#d1e8e7 rgb(209,232,231)
```
#deefee
```
#deefee rgb(222,239,238)
```
#ebf5f5
```
#ebf5f5 rgb(235,245,245)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

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

#646a6a
```
#646a6a rgb(100,106,106)
```
#5c7271
```
#5c7271 rgb(92,114,113)
```
#547a78
```
#547a78 rgb(84,122,120)
```
#4c827f
```
#4c827f rgb(76,130,127)
```
#448a86
```
#448a86 rgb(68,138,134)
```
#3c928d
```
#3c928d rgb(60,146,141)
```
#349a94
```
#349a94 rgb(52,154,148)
```
#2ca29b
```
#2ca29b rgb(44,162,155)
```
#24aaa2
```
#24aaa2 rgb(36,170,162)
```
#1cb2a9
```
#1cb2a9 rgb(28,178,169)
```
#14bab0
```
#14bab0 rgb(20,186,176)
```
#0dc1b7
```
#0dc1b7 rgb(13,193,183)
```
#05c9be
```
#05c9be rgb(5,201,190)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6b7978 Atypical Achromatopsia 0.001% of the population

Dichromacy

#878486 Protanopia 1% of men
#8c8291 Deuteranopia 1% of men
#528e98 Tritanopia 0.001% of the population

Trichromacy

#6e8686 Protanomaly 1% of men, 0.01% of women
#71848d Deuteranomaly 6% of men, 0.4% of women
#4d8c91 Tritanomaly 0.01% of the population

#448a86 hex color

#448a86 Color Information

#448a86 Color Conversion

Color Schemes with #448a86

Alternatives to #448a86

#448a86 Preview

Shades and Tints of #448a86

Tones of #448a86

Color Blindness Simulator