#448388 hex color

In a RGB color space, hex #448388 is composed of 26.7% red, 51.4% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 3.7% magenta, 0% yellow and 46.7% black. It has a hue angle of 184.4 degrees, a saturation of 33.3% and a lightness of 40%. #448388 color hex could be obtained by blending #88ffff with #000711. Closest websafe color is: #339999.

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

● #448388 color description : Dark moderate cyan.

The hexadecimal color #448388 has RGB values of R:68, G:131, B:136 and CMYK values of C:0.5, M:0.04, Y:0, K:0.47. Its decimal value is 4490120.

Hex triplet	448388	`#448388`
RGB Decimal	68, 131, 136	`rgb(68,131,136)`
RGB Percent	26.7, 51.4, 53.3	`rgb(26.7%,51.4%,53.3%)`
CMYK	50, 4, 0, 47
HSL	184.4°, 33.3, 40	`hsl(184.4,33.3%,40%)`
HSV (or HSB)	184.4°, 50, 53.3
Web Safe	339999	`#339999`

CIE-LAB	50.965, -18.783, -8.968
XYZ	14.943, 19.238, 26.217
xyY	0.247, 0.319, 19.238
CIE-LCH	50.965, 20.814, 205.522
CIE-LUV	50.965, -27.454, -10.123
Hunter-Lab	43.861, -15.945, -4.736
Binary	01000100, 10000011, 10001000

#448388
```
#448388 rgb(68,131,136)
```
#884944
```
#884944 rgb(136,73,68)
```

Complementary Color

#44886b
```
#44886b rgb(68,136,107)
```
#448388
```
#448388 rgb(68,131,136)
```
#446188
```
#446188 rgb(68,97,136)
```

Analogous Color

#886b44
```
#886b44 rgb(136,107,68)
```
#448388
```
#448388 rgb(68,131,136)
```
#884461
```
#884461 rgb(136,68,97)
```

Split Complementary Color

#838844
```
#838844 rgb(131,136,68)
```
#448388
```
#448388 rgb(68,131,136)
```
#884483
```
#884483 rgb(136,68,131)
```

Triadic Color

#448849
```
#448849 rgb(68,136,73)
```
#448388
```
#448388 rgb(68,131,136)
```
#884483
```
#884483 rgb(136,68,131)
```
#884944
```
#884944 rgb(136,73,68)
```

Tetradic Color

#2b5255
```
#2b5255 rgb(43,82,85)
```
#336266
```
#336266 rgb(51,98,102)
```
#3c7377
```
#3c7377 rgb(60,115,119)
```
#448388
```
#448388 rgb(68,131,136)
```
#4d9399
```
#4d9399 rgb(77,147,153)
```
#55a4aa
```
#55a4aa rgb(85,164,170)
```
#66adb3
```
#66adb3 rgb(102,173,179)
```

Monochromatic Color

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

#44887c
```
#44887c rgb(68,136,124)
```
#448882
```
#448882 rgb(68,136,130)
```
#448887
```
#448887 rgb(68,136,135)
```
#448388
```
#448388 rgb(68,131,136)
```
#447d88
```
#447d88 rgb(68,125,136)
```
#447888
```
#447888 rgb(68,120,136)
```
#447288
```
#447288 rgb(68,114,136)
```

Similar Colors

Text with hexadecimal color #448388

This text has a font color of #448388.

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

#448388 background color

This paragraph has a background color of #448388.

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

#448388 border color

This element has a border color of #448388.

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

CSS codes

.text {color:#448388;}

.background {background-color:#448388;}

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

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

#030505
```
#030505 rgb(3,5,5)
```
#091212
```
#091212 rgb(9,18,18)
```
#101e1f
```
#101e1f rgb(16,30,31)
```
#162b2c
```
#162b2c rgb(22,43,44)
```
#1d373a
```
#1d373a rgb(29,55,58)
```
#234447
```
#234447 rgb(35,68,71)
```
#2a5154
```
#2a5154 rgb(42,81,84)
```
#305d61
```
#305d61 rgb(48,93,97)
```
#376a6e
```
#376a6e rgb(55,106,110)
```
#3d767b
```
#3d767b rgb(61,118,123)
```
#448388
```
#448388 rgb(68,131,136)
```
#4b9095
```
#4b9095 rgb(75,144,149)
```
#519ca2
```
#519ca2 rgb(81,156,162)
```

Shade Color Variation

#5aa7ad
```
#5aa7ad rgb(90,167,173)
```
#67aeb3
```
#67aeb3 rgb(103,174,179)
```
#74b5ba
```
#74b5ba rgb(116,181,186)
```
#81bcc0
```
#81bcc0 rgb(129,188,192)
```
#8fc3c7
```
#8fc3c7 rgb(143,195,199)
```
#9ccacd
```
#9ccacd rgb(156,202,205)
```
#a9d1d4
```
#a9d1d4 rgb(169,209,212)
```
#b6d8da
```
#b6d8da rgb(182,216,218)
```
#c3dfe1
```
#c3dfe1 rgb(195,223,225)
```
#d0e6e7
```
#d0e6e7 rgb(208,230,231)
```
#ddedee
```
#ddedee rgb(221,237,238)
```
#eaf4f5
```
#eaf4f5 rgb(234,244,245)
```
#f7fbfb
```
#f7fbfb rgb(247,251,251)
```

Tint Color Variation

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

#636869
```
#636869 rgb(99,104,105)
```
#5c6f70
```
#5c6f70 rgb(92,111,112)
```
#547678
```
#547678 rgb(84,118,120)
```
#4c7c80
```
#4c7c80 rgb(76,124,128)
```
#448388
```
#448388 rgb(68,131,136)
```
#3c8a90
```
#3c8a90 rgb(60,138,144)
```
#349098
```
#349098 rgb(52,144,152)
```
#2c97a0
```
#2c97a0 rgb(44,151,160)
```
#259ea7
```
#259ea7 rgb(37,158,167)
```
#1da4af
```
#1da4af rgb(29,164,175)
```
#15abb7
```
#15abb7 rgb(21,171,183)
```
#0db2bf
```
#0db2bf rgb(13,178,191)
```
#05b9c7
```
#05b9c7 rgb(5,185,199)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#687576 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7f88 Protanopia 1% of men
#837d92 Deuteranopia 1% of men
#4f8892 Tritanopia 0.001% of the population

Trichromacy

#6a8088 Protanomaly 1% of men, 0.01% of women
#6c7f8e Deuteranomaly 6% of men, 0.4% of women
#4b868e Tritanomaly 0.01% of the population

#448388 hex color

#448388 Color Information

#448388 Color Conversion

Color Schemes with #448388

Alternatives to #448388

#448388 Preview

Shades and Tints of #448388

Tones of #448388

Color Blindness Simulator