colorhexa.com

#448288 hex color

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

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

● #448288 color description : Dark moderate cyan.

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

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

CIE-LAB	50.653, -18.246, -9.435
XYZ	14.809, 18.971, 26.173
xyY	0.247, 0.316, 18.971
CIE-LCH	50.653, 20.541, 207.342
CIE-LUV	50.653, -27.052, -10.877
Hunter-Lab	43.555, -15.531, -5.139
Binary	01000100, 10000010, 10001000

#448288
```
#448288 rgb(68,130,136)
```
#884a44
```
#884a44 rgb(136,74,68)
```

Complementary Color

#44886c
```
#44886c rgb(68,136,108)
```
#448288
```
#448288 rgb(68,130,136)
```
#446088
```
#446088 rgb(68,96,136)
```

Analogous Color

#886c44
```
#886c44 rgb(136,108,68)
```
#448288
```
#448288 rgb(68,130,136)
```
#884460
```
#884460 rgb(136,68,96)
```

Split Complementary Color

#828844
```
#828844 rgb(130,136,68)
```
#448288
```
#448288 rgb(68,130,136)
```
#884482
```
#884482 rgb(136,68,130)
```

Triadic Color

#44884a
```
#44884a rgb(68,136,74)
```
#448288
```
#448288 rgb(68,130,136)
```
#884482
```
#884482 rgb(136,68,130)
```
#884a44
```
#884a44 rgb(136,74,68)
```

Tetradic Color

#2b5155
```
#2b5155 rgb(43,81,85)
```
#336266
```
#336266 rgb(51,98,102)
```
#3c7277
```
#3c7277 rgb(60,114,119)
```
#448288
```
#448288 rgb(68,130,136)
```
#4d9299
```
#4d9299 rgb(77,146,153)
```
#55a3aa
```
#55a3aa rgb(85,163,170)
```
#66acb3
```
#66acb3 rgb(102,172,179)
```

Monochromatic Color

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

#44887d
```
#44887d rgb(68,136,125)
```
#448883
```
#448883 rgb(68,136,131)
```
#448888
```
#448888 rgb(68,136,136)
```
#448288
```
#448288 rgb(68,130,136)
```
#447c88
```
#447c88 rgb(68,124,136)
```
#447788
```
#447788 rgb(68,119,136)
```
#447188
```
#447188 rgb(68,113,136)
```

Similar Colors

Text with hexadecimal color #448288

This text has a font color of #448288.

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

#448288 background color

This paragraph has a background color of #448288.

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

#448288 border color

This element has a border color of #448288.

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

CSS codes

.text {color:#448288;}

.background {background-color:#448288;}

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

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)
```
#2a5054
```
#2a5054 rgb(42,80,84)
```
#305d61
```
#305d61 rgb(48,93,97)
```
#37696e
```
#37696e rgb(55,105,110)
```
#3d767b
```
#3d767b rgb(61,118,123)
```
#448288
```
#448288 rgb(68,130,136)
```
#4b8f95
```
#4b8f95 rgb(75,143,149)
```
#519ba2
```
#519ba2 rgb(81,155,162)
```

Shade Color Variation

#5aa5ad
```
#5aa5ad rgb(90,165,173)
```
#67acb3
```
#67acb3 rgb(103,172,179)
```
#74b4ba
```
#74b4ba rgb(116,180,186)
```
#81bbc0
```
#81bbc0 rgb(129,187,192)
```
#8fc2c7
```
#8fc2c7 rgb(143,194,199)
```
#9cc9cd
```
#9cc9cd rgb(156,201,205)
```
#a9d0d4
```
#a9d0d4 rgb(169,208,212)
```
#b6d7da
```
#b6d7da rgb(182,215,218)
```
#c3dee1
```
#c3dee1 rgb(195,222,225)
```
#d0e5e7
```
#d0e5e7 rgb(208,229,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 #05b6c7 is the most saturated one.

#636869
```
#636869 rgb(99,104,105)
```
#5c6f70
```
#5c6f70 rgb(92,111,112)
```
#547578
```
#547578 rgb(84,117,120)
```
#4c7c80
```
#4c7c80 rgb(76,124,128)
```
#448288
```
#448288 rgb(68,130,136)
```
#3c8890
```
#3c8890 rgb(60,136,144)
```
#348f98
```
#348f98 rgb(52,143,152)
```
#2c95a0
```
#2c95a0 rgb(44,149,160)
```
#259ca7
```
#259ca7 rgb(37,156,167)
```
#1da2af
```
#1da2af rgb(29,162,175)
```
#15a9b7
```
#15a9b7 rgb(21,169,183)
```
#0dafbf
```
#0dafbf rgb(13,175,191)
```
#05b6c7
```
#05b6c7 rgb(5,182,199)
```

Tone Color Variation

Below, you can see how #448288 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
#677475 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7e88 Protanopia 1% of men
#817c92 Deuteranopia 1% of men
#4f8791 Tritanopia 0.001% of the population

Trichromacy

#697f88 Protanomaly 1% of men, 0.01% of women
#6b7e8e Deuteranomaly 6% of men, 0.4% of women
#4b858e Tritanomaly 0.01% of the population