#449bcc hex color

In a RGB color space, hex #449bcc is composed of 26.7% red, 60.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 24% magenta, 0% yellow and 20% black. It has a hue angle of 201.6 degrees, a saturation of 57.1% and a lightness of 53.3%. #449bcc color hex could be obtained by blending #88ffff with #003799. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 27
- G 61
- B 80
RGB color chart
- C 67
- M 24
- Y 0
- K 20
CMYK color chart

● #449bcc color description : Moderate blue.

The hexadecimal color #449bcc has RGB values of R:68, G:155, B:204 and CMYK values of C:0.67, M:0.24, Y:0, K:0.2. Its decimal value is 4496332.

Hex triplet	449bcc	`#449bcc`
RGB Decimal	68, 155, 204	`rgb(68,155,204)`
RGB Percent	26.7, 60.8, 80	`rgb(26.7%,60.8%,80%)`
CMYK	67, 24, 0, 20
HSL	201.6°, 57.1, 53.3	`hsl(201.6,57.1%,53.3%)`
HSV (or HSB)	201.6°, 66.7, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.808, -10.701, -32.815
XYZ	25.002, 29.029, 61.409
xyY	0.217, 0.251, 29.029
CIE-LCH	60.808, 34.516, 251.939
CIE-LUV	60.808, -33.763, -49.855
Hunter-Lab	53.879, -11.458, -29.861
Binary	01000100, 10011011, 11001100

#449bcc
```
#449bcc rgb(68,155,204)
```
#cc7544
```
#cc7544 rgb(204,117,68)
```

Complementary Color

#44ccb9
```
#44ccb9 rgb(68,204,185)
```
#449bcc
```
#449bcc rgb(68,155,204)
```
#4457cc
```
#4457cc rgb(68,87,204)
```

Analogous Color

#ccb944
```
#ccb944 rgb(204,185,68)
```
#449bcc
```
#449bcc rgb(68,155,204)
```
#cc4457
```
#cc4457 rgb(204,68,87)
```

Split Complementary Color

#9bcc44
```
#9bcc44 rgb(155,204,68)
```
#449bcc
```
#449bcc rgb(68,155,204)
```
#cc449b
```
#cc449b rgb(204,68,155)
```

Triadic Color

#44cc75
```
#44cc75 rgb(68,204,117)
```
#449bcc
```
#449bcc rgb(68,155,204)
```
#cc449b
```
#cc449b rgb(204,68,155)
```
#cc7544
```
#cc7544 rgb(204,117,68)
```

Tetradic Color

#2a719a
```
#2a719a rgb(42,113,154)
```
#2f80ae
```
#2f80ae rgb(47,128,174)
```
#358fc2
```
#358fc2 rgb(53,143,194)
```
#449bcc
```
#449bcc rgb(68,155,204)
```
#58a6d1
```
#58a6d1 rgb(88,166,209)
```
#6cb0d7
```
#6cb0d7 rgb(108,176,215)
```
#80bbdc
```
#80bbdc rgb(128,187,220)
```

Monochromatic Color

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

#44bdcc
```
#44bdcc rgb(68,189,204)
```
#44b2cc
```
#44b2cc rgb(68,178,204)
```
#44a6cc
```
#44a6cc rgb(68,166,204)
```
#449bcc
```
#449bcc rgb(68,155,204)
```
#4490cc
```
#4490cc rgb(68,144,204)
```
#4484cc
```
#4484cc rgb(68,132,204)
```
#4479cc
```
#4479cc rgb(68,121,204)
```

Similar Colors

Text with hexadecimal color #449bcc

This text has a font color of #449bcc.

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

#449bcc background color

This paragraph has a background color of #449bcc.

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

#449bcc border color

This element has a border color of #449bcc.

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

CSS codes

.text {color:#449bcc;}

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

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

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, #040a0d is the darkest color, while #fdfefe is the lightest one.

#040a0d
```
#040a0d rgb(4,10,13)
```
#08151d
```
#08151d rgb(8,21,29)
```
#0c212c
```
#0c212c rgb(12,33,44)
```
#102c3c
```
#102c3c rgb(16,44,60)
```
#14374b
```
#14374b rgb(20,55,75)
```
#19435a
```
#19435a rgb(25,67,90)
```
#1d4e6a
```
#1d4e6a rgb(29,78,106)
```
#215979
```
#215979 rgb(33,89,121)
```
#256589
```
#256589 rgb(37,101,137)
```
#297098
```
#297098 rgb(41,112,152)
```
#2e7ca7
```
#2e7ca7 rgb(46,124,167)
```
#3287b7
```
#3287b7 rgb(50,135,183)
```
#3692c6
```
#3692c6 rgb(54,146,198)
```

Shade Color Variation

#449bcc
```
#449bcc rgb(68,155,204)
```
#53a3d0
```
#53a3d0 rgb(83,163,208)
```
#63abd4
```
#63abd4 rgb(99,171,212)
```
#72b4d9
```
#72b4d9 rgb(114,180,217)
```
#82bcdd
```
#82bcdd rgb(130,188,221)
```
#91c4e1
```
#91c4e1 rgb(145,196,225)
```
#a0cce5
```
#a0cce5 rgb(160,204,229)
```
#b0d5e9
```
#b0d5e9 rgb(176,213,233)
```
#bfddee
```
#bfddee rgb(191,221,238)
```
#cfe5f2
```
#cfe5f2 rgb(207,229,242)
```
#deedf6
```
#deedf6 rgb(222,237,246)
```
#eef6fa
```
#eef6fa rgb(238,246,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84898c is the less saturated color, while #16a8fa is the most saturated one.

#84898c
```
#84898c rgb(132,137,140)
```
#7b8c95
```
#7b8c95 rgb(123,140,149)
```
#728e9e
```
#728e9e rgb(114,142,158)
```
#6991a7
```
#6991a7 rgb(105,145,167)
```
#5f93b1
```
#5f93b1 rgb(95,147,177)
```
#5696ba
```
#5696ba rgb(86,150,186)
```
#4d98c3
```
#4d98c3 rgb(77,152,195)
```
#449bcc
```
#449bcc rgb(68,155,204)
```
#3b9ed5
```
#3b9ed5 rgb(59,158,213)
```
#32a0de
```
#32a0de rgb(50,160,222)
```
#29a3e7
```
#29a3e7 rgb(41,163,231)
```
#1fa5f1
```
#1fa5f1 rgb(31,165,241)
```
#16a8fa
```
#16a8fa rgb(22,168,250)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7a8b95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8996c7 Protanopia 1% of men
#8097d2 Deuteranopia 1% of men
#37a5b1 Tritanopia 0.001% of the population

Trichromacy

#7098c9 Protanomaly 1% of men, 0.01% of women
#6a98d0 Deuteranomaly 6% of men, 0.4% of women
#3ca1bb Tritanomaly 0.01% of the population

#449bcc hex color

#449bcc Color Information

#449bcc Color Conversion

Color Schemes with #449bcc

Alternatives to #449bcc

#449bcc Preview

Shades and Tints of #449bcc

Tones of #449bcc

Color Blindness Simulator