#449ac5 hex color

In a RGB color space, hex #449ac5 is composed of 26.7% red, 60.4% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 21.8% magenta, 0% yellow and 22.7% black. It has a hue angle of 200 degrees, a saturation of 52.7% and a lightness of 52%. #449ac5 color hex could be obtained by blending #88ffff with #00358b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 27
- G 60
- B 77
RGB color chart
- C 65
- M 22
- Y 0
- K 23
CMYK color chart

● #449ac5 color description : Moderate blue.

The hexadecimal color #449ac5 has RGB values of R:68, G:154, B:197 and CMYK values of C:0.65, M:0.22, Y:0, K:0.23. Its decimal value is 4496069.

Hex triplet	449ac5	`#449ac5`
RGB Decimal	68, 154, 197	`rgb(68,154,197)`
RGB Percent	26.7, 60.4, 77.3	`rgb(26.7%,60.4%,77.3%)`
CMYK	65, 22, 0, 23
HSL	200°, 52.7, 52	`hsl(200,52.7%,52%)`
HSV (or HSB)	200°, 65.5, 77.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.221, -12.444, -29.802
XYZ	24.015, 28.37, 57.031
xyY	0.219, 0.259, 28.37
CIE-LCH	60.221, 32.296, 247.337
CIE-LUV	60.221, -33.716, -44.586
Hunter-Lab	53.263, -12.729, -26.2
Binary	01000100, 10011010, 11000101

#449ac5
```
#449ac5 rgb(68,154,197)
```
#c56f44
```
#c56f44 rgb(197,111,68)
```

Complementary Color

#44c5b0
```
#44c5b0 rgb(68,197,176)
```
#449ac5
```
#449ac5 rgb(68,154,197)
```
#445ac5
```
#445ac5 rgb(68,90,197)
```

Analogous Color

#c5b044
```
#c5b044 rgb(197,176,68)
```
#449ac5
```
#449ac5 rgb(68,154,197)
```
#c5445a
```
#c5445a rgb(197,68,90)
```

Split Complementary Color

#9ac544
```
#9ac544 rgb(154,197,68)
```
#449ac5
```
#449ac5 rgb(68,154,197)
```
#c5449a
```
#c5449a rgb(197,68,154)
```

Triadic Color

#44c56f
```
#44c56f rgb(68,197,111)
```
#449ac5
```
#449ac5 rgb(68,154,197)
```
#c5449a
```
#c5449a rgb(197,68,154)
```
#c56f44
```
#c56f44 rgb(197,111,68)
```

Tetradic Color

#2d6f90
```
#2d6f90 rgb(45,111,144)
```
#337ea3
```
#337ea3 rgb(51,126,163)
```
#398db7
```
#398db7 rgb(57,141,183)
```
#449ac5
```
#449ac5 rgb(68,154,197)
```
#57a5cb
```
#57a5cb rgb(87,165,203)
```
#6bafd1
```
#6bafd1 rgb(107,175,209)
```
#7ebad7
```
#7ebad7 rgb(126,186,215)
```

Monochromatic Color

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

#44bac5
```
#44bac5 rgb(68,186,197)
```
#44b0c5
```
#44b0c5 rgb(68,176,197)
```
#44a5c5
```
#44a5c5 rgb(68,165,197)
```
#449ac5
```
#449ac5 rgb(68,154,197)
```
#448fc5
```
#448fc5 rgb(68,143,197)
```
#4485c5
```
#4485c5 rgb(68,133,197)
```
#447ac5
```
#447ac5 rgb(68,122,197)
```

Similar Colors

Text with hexadecimal color #449ac5

This text has a font color of #449ac5.

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

#449ac5 background color

This paragraph has a background color of #449ac5.

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

#449ac5 border color

This element has a border color of #449ac5.

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

CSS codes

.text {color:#449ac5;}

.background {background-color:#449ac5;}

.border {border:1px solid #449ac5;}

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

#020608
```
#020608 rgb(2,6,8)
```
#071117
```
#071117 rgb(7,17,23)
```
#0c1d26
```
#0c1d26 rgb(12,29,38)
```
#102835
```
#102835 rgb(16,40,53)
```
#153444
```
#153444 rgb(21,52,68)
```
#1a4052
```
#1a4052 rgb(26,64,82)
```
#1e4b61
```
#1e4b61 rgb(30,75,97)
```
#235770
```
#235770 rgb(35,87,112)
```
#28627f
```
#28627f rgb(40,98,127)
```
#2c6e8e
```
#2c6e8e rgb(44,110,142)
```
#31799d
```
#31799d rgb(49,121,157)
```
#3585ac
```
#3585ac rgb(53,133,172)
```
#3a90bb
```
#3a90bb rgb(58,144,187)
```

Shade Color Variation

#449ac5
```
#449ac5 rgb(68,154,197)
```
#53a2ca
```
#53a2ca rgb(83,162,202)
```
#62aace
```
#62aace rgb(98,170,206)
```
#71b2d3
```
#71b2d3 rgb(113,178,211)
```
#80bad8
```
#80bad8 rgb(128,186,216)
```
#8fc2dc
```
#8fc2dc rgb(143,194,220)
```
#9ecbe1
```
#9ecbe1 rgb(158,203,225)
```
#add3e6
```
#add3e6 rgb(173,211,230)
```
#bcdbea
```
#bcdbea rgb(188,219,234)
```
#cbe3ef
```
#cbe3ef rgb(203,227,239)
```
#daebf3
```
#daebf3 rgb(218,235,243)
```
#e9f3f8
```
#e9f3f8 rgb(233,243,248)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d878c is the less saturated color, while #0badfe is the most saturated one.

#7d878c
```
#7d878c rgb(125,135,140)
```
#738a96
```
#738a96 rgb(115,138,150)
```
#6a8d9f
```
#6a8d9f rgb(106,141,159)
```
#6091a9
```
#6091a9 rgb(96,145,169)
```
#5794b2
```
#5794b2 rgb(87,148,178)
```
#4d97bc
```
#4d97bc rgb(77,151,188)
```
#449ac5
```
#449ac5 rgb(68,154,197)
```
#3b9dce
```
#3b9dce rgb(59,157,206)
```
#31a0d8
```
#31a0d8 rgb(49,160,216)
```
#28a3e1
```
#28a3e1 rgb(40,163,225)
```
#1ea7eb
```
#1ea7eb rgb(30,167,235)
```
#15aaf4
```
#15aaf4 rgb(21,170,244)
```
#0badfe
```
#0badfe rgb(11,173,254)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#788992 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a95c1 Protanopia 1% of men
#8395cb Deuteranopia 1% of men
#3ca3af Tritanopia 0.001% of the population

Trichromacy

#7096c2 Protanomaly 1% of men, 0.01% of women
#6c97c9 Deuteranomaly 6% of men, 0.4% of women
#3fa0b7 Tritanomaly 0.01% of the population

#449ac5 hex color

#449ac5 Color Information

#449ac5 Color Conversion

Color Schemes with #449ac5

Alternatives to #449ac5

#449ac5 Preview

Shades and Tints of #449ac5

Tones of #449ac5

Color Blindness Simulator