#448eae hex color

In a RGB color space, hex #448eae is composed of 26.7% red, 55.7% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 18.4% magenta, 0% yellow and 31.8% black. It has a hue angle of 198.1 degrees, a saturation of 43.8% and a lightness of 47.5%. #448eae color hex could be obtained by blending #88ffff with #001d5d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 27
- G 56
- B 68
RGB color chart
- C 61
- M 18
- Y 0
- K 32
CMYK color chart

● #448eae color description : Dark moderate blue.

The hexadecimal color #448eae has RGB values of R:68, G:142, B:174 and CMYK values of C:0.61, M:0.18, Y:0, K:0.32. Its decimal value is 4492974.

Hex triplet	448eae	`#448eae`
RGB Decimal	68, 142, 174	`rgb(68,142,174)`
RGB Percent	26.7, 55.7, 68.2	`rgb(26.7%,55.7%,68.2%)`
CMYK	61, 18, 0, 32
HSL	198.1°, 43.8, 47.5	`hsl(198.1,43.8%,47.5%)`
HSV (or HSB)	198.1°, 60.9, 68.2
Web Safe	339999	`#339999`

CIE-LAB	55.715, -13.241, -23.728
XYZ	19.695, 23.63, 43.565
xyY	0.227, 0.272, 23.63
CIE-LCH	55.715, 27.173, 240.838
CIE-LUV	55.715, -30.267, -34.098
Hunter-Lab	48.61, -12.747, -19.109
Binary	01000100, 10001110, 10101110

#448eae
```
#448eae rgb(68,142,174)
```
#ae6444
```
#ae6444 rgb(174,100,68)
```

Complementary Color

#44ae99
```
#44ae99 rgb(68,174,153)
```
#448eae
```
#448eae rgb(68,142,174)
```
#4459ae
```
#4459ae rgb(68,89,174)
```

Analogous Color

#ae9944
```
#ae9944 rgb(174,153,68)
```
#448eae
```
#448eae rgb(68,142,174)
```
#ae4459
```
#ae4459 rgb(174,68,89)
```

Split Complementary Color

#8eae44
```
#8eae44 rgb(142,174,68)
```
#448eae
```
#448eae rgb(68,142,174)
```
#ae448e
```
#ae448e rgb(174,68,142)
```

Triadic Color

#44ae64
```
#44ae64 rgb(68,174,100)
```
#448eae
```
#448eae rgb(68,142,174)
```
#ae448e
```
#ae448e rgb(174,68,142)
```
#ae6444
```
#ae6444 rgb(174,100,68)
```

Tetradic Color

#2f6177
```
#2f6177 rgb(47,97,119)
```
#367089
```
#367089 rgb(54,112,137)
```
#3d7f9c
```
#3d7f9c rgb(61,127,156)
```
#448eae
```
#448eae rgb(68,142,174)
```
#519bbb
```
#519bbb rgb(81,155,187)
```
#63a5c2
```
#63a5c2 rgb(99,165,194)
```
#75b0c9
```
#75b0c9 rgb(117,176,201)
```

Monochromatic Color

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

#44a9ae
```
#44a9ae rgb(68,169,174)
```
#44a0ae
```
#44a0ae rgb(68,160,174)
```
#4497ae
```
#4497ae rgb(68,151,174)
```
#448eae
```
#448eae rgb(68,142,174)
```
#4485ae
```
#4485ae rgb(68,133,174)
```
#447cae
```
#447cae rgb(68,124,174)
```
#4474ae
```
#4474ae rgb(68,116,174)
```

Similar Colors

Text with hexadecimal color #448eae

This text has a font color of #448eae.

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

#448eae background color

This paragraph has a background color of #448eae.

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

#448eae border color

This element has a border color of #448eae.

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

CSS codes

.text {color:#448eae;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#070f13
```
#070f13 rgb(7,15,19)
```
#0d1b21
```
#0d1b21 rgb(13,27,33)
```
#12262f
```
#12262f rgb(18,38,47)
```
#18323d
```
#18323d rgb(24,50,61)
```
#1d3d4b
```
#1d3d4b rgb(29,61,75)
```
#234959
```
#234959 rgb(35,73,89)
```
#285467
```
#285467 rgb(40,84,103)
```
#2e6076
```
#2e6076 rgb(46,96,118)
```
#336b84
```
#336b84 rgb(51,107,132)
```
#397792
```
#397792 rgb(57,119,146)
```
#3e82a0
```
#3e82a0 rgb(62,130,160)
```
#448eae
```
#448eae rgb(68,142,174)
```

Shade Color Variation

#4c98b9
```
#4c98b9 rgb(76,152,185)
```
#5ba0bf
```
#5ba0bf rgb(91,160,191)
```
#69a9c4
```
#69a9c4 rgb(105,169,196)
```
#77b1ca
```
#77b1ca rgb(119,177,202)
```
#85b9cf
```
#85b9cf rgb(133,185,207)
```
#93c1d5
```
#93c1d5 rgb(147,193,213)
```
#a1c9da
```
#a1c9da rgb(161,201,218)
```
#afd1e0
```
#afd1e0 rgb(175,209,224)
```
#bdd9e5
```
#bdd9e5 rgb(189,217,229)
```
#cbe1eb
```
#cbe1eb rgb(203,225,235)
```
#d9e9f0
```
#d9e9f0 rgb(217,233,240)
```
#e8f2f6
```
#e8f2f6 rgb(232,242,246)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737c7f is the less saturated color, while #03a8ef is the most saturated one.

#737c7f
```
#737c7f rgb(115,124,127)
```
#697f89
```
#697f89 rgb(105,127,137)
```
#608392
```
#608392 rgb(96,131,146)
```
#57879b
```
#57879b rgb(87,135,155)
```
#4d8aa5
```
#4d8aa5 rgb(77,138,165)
```
#448eae
```
#448eae rgb(68,142,174)
```
#3b92b7
```
#3b92b7 rgb(59,146,183)
```
#3195c1
```
#3195c1 rgb(49,149,193)
```
#2899ca
```
#2899ca rgb(40,153,202)
```
#1f9dd3
```
#1f9dd3 rgb(31,157,211)
```
#15a0dd
```
#15a0dd rgb(21,160,221)
```
#0ca4e6
```
#0ca4e6 rgb(12,164,230)
```
#03a8ef
```
#03a8ef rgb(3,168,239)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#718086 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838aac Protanopia 1% of men
#7f89b6 Deuteranopia 1% of men
#4496a1 Tritanopia 0.001% of the population

Trichromacy

#6c8bac Protanomaly 1% of men, 0.01% of women
#6a8bb3 Deuteranomaly 6% of men, 0.4% of women
#4493a6 Tritanomaly 0.01% of the population

#448eae hex color

#448eae Color Information

#448eae Color Conversion

Color Schemes with #448eae

Alternatives to #448eae

#448eae Preview

Shades and Tints of #448eae

Tones of #448eae

Color Blindness Simulator