#449cbc hex color

In a RGB color space, hex #449cbc is composed of 26.7% red, 61.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 17% magenta, 0% yellow and 26.3% black. It has a hue angle of 196 degrees, a saturation of 47.2% and a lightness of 50.2%. #449cbc color hex could be obtained by blending #88ffff with #003979. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 27
- G 61
- B 74
RGB color chart
- C 64
- M 17
- Y 0
- K 26
CMYK color chart

● #449cbc color description : Moderate blue.

The hexadecimal color #449cbc has RGB values of R:68, G:156, B:188 and CMYK values of C:0.64, M:0.17, Y:0, K:0.26. Its decimal value is 4496572.

Hex triplet	449cbc	`#449cbc`
RGB Decimal	68, 156, 188	`rgb(68,156,188)`
RGB Percent	26.7, 61.2, 73.7	`rgb(26.7%,61.2%,73.7%)`
CMYK	64, 17, 0, 26
HSL	196°, 47.2, 50.2	`hsl(196,47.2%,50.2%)`
HSV (or HSB)	196°, 63.8, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.458, -16.423, -24.377
XYZ	23.347, 28.635, 51.871
xyY	0.225, 0.276, 28.635
CIE-LCH	60.458, 29.393, 236.031
CIE-LUV	60.458, -34.867, -35.212
Hunter-Lab	53.512, -15.766, -20.014
Binary	01000100, 10011100, 10111100

#449cbc
```
#449cbc rgb(68,156,188)
```
#bc6444
```
#bc6444 rgb(188,100,68)
```

Complementary Color

#44bca0
```
#44bca0 rgb(68,188,160)
```
#449cbc
```
#449cbc rgb(68,156,188)
```
#4460bc
```
#4460bc rgb(68,96,188)
```

Analogous Color

#bca044
```
#bca044 rgb(188,160,68)
```
#449cbc
```
#449cbc rgb(68,156,188)
```
#bc4460
```
#bc4460 rgb(188,68,96)
```

Split Complementary Color

#9cbc44
```
#9cbc44 rgb(156,188,68)
```
#449cbc
```
#449cbc rgb(68,156,188)
```
#bc449c
```
#bc449c rgb(188,68,156)
```

Triadic Color

#44bc64
```
#44bc64 rgb(68,188,100)
```
#449cbc
```
#449cbc rgb(68,156,188)
```
#bc449c
```
#bc449c rgb(188,68,156)
```
#bc6444
```
#bc6444 rgb(188,100,68)
```

Tetradic Color

#2f6e84
```
#2f6e84 rgb(47,110,132)
```
#367d97
```
#367d97 rgb(54,125,151)
```
#3d8daa
```
#3d8daa rgb(61,141,170)
```
#449cbc
```
#449cbc rgb(68,156,188)
```
#57a6c3
```
#57a6c3 rgb(87,166,195)
```
#6ab0c9
```
#6ab0c9 rgb(106,176,201)
```
#7cbad0
```
#7cbad0 rgb(124,186,208)
```

Monochromatic Color

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

#44babc
```
#44babc rgb(68,186,188)
```
#44b0bc
```
#44b0bc rgb(68,176,188)
```
#44a6bc
```
#44a6bc rgb(68,166,188)
```
#449cbc
```
#449cbc rgb(68,156,188)
```
#4492bc
```
#4492bc rgb(68,146,188)
```
#4488bc
```
#4488bc rgb(68,136,188)
```
#447ebc
```
#447ebc rgb(68,126,188)
```

Similar Colors

Text with hexadecimal color #449cbc

This text has a font color of #449cbc.

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

#449cbc background color

This paragraph has a background color of #449cbc.

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

#449cbc border color

This element has a border color of #449cbc.

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

CSS codes

.text {color:#449cbc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050d0f
```
#050d0f rgb(5,13,15)
```
#0b191e
```
#0b191e rgb(11,25,30)
```
#10252c
```
#10252c rgb(16,37,44)
```
#15303b
```
#15303b rgb(21,48,59)
```
#1a3c49
```
#1a3c49 rgb(26,60,73)
```
#1f4857
```
#1f4857 rgb(31,72,87)
```
#245466
```
#245466 rgb(36,84,102)
```
#2a6074
```
#2a6074 rgb(42,96,116)
```
#2f6c83
```
#2f6c83 rgb(47,108,131)
```
#347891
```
#347891 rgb(52,120,145)
```
#3984a0
```
#3984a0 rgb(57,132,160)
```
#3e90ae
```
#3e90ae rgb(62,144,174)
```

Shade Color Variation

#449cbc
```
#449cbc rgb(68,156,188)
```
#52a4c1
```
#52a4c1 rgb(82,164,193)
```
#61abc6
```
#61abc6 rgb(97,171,198)
```
#6fb3cc
```
#6fb3cc rgb(111,179,204)
```
#7ebbd1
```
#7ebbd1 rgb(126,187,209)
```
#8cc2d6
```
#8cc2d6 rgb(140,194,214)
```
#9bcadb
```
#9bcadb rgb(155,202,219)
```
#a9d2e0
```
#a9d2e0 rgb(169,210,224)
```
#b8d9e5
```
#b8d9e5 rgb(184,217,229)
```
#c6e1eb
```
#c6e1eb rgb(198,225,235)
```
#d4e8f0
```
#d4e8f0 rgb(212,232,240)
```
#e3f0f5
```
#e3f0f5 rgb(227,240,245)
```
#f1f8fa
```
#f1f8fa rgb(241,248,250)
```

Tint Color Variation

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

#7f8181
```
#7f8181 rgb(127,129,129)
```
#75858b
```
#75858b rgb(117,133,139)
```
#6b8a95
```
#6b8a95 rgb(107,138,149)
```
#618e9f
```
#618e9f rgb(97,142,159)
```
#5893a8
```
#5893a8 rgb(88,147,168)
```
#4e97b2
```
#4e97b2 rgb(78,151,178)
```
#449cbc
```
#449cbc rgb(68,156,188)
```
#3aa1c6
```
#3aa1c6 rgb(58,161,198)
```
#30a5d0
```
#30a5d0 rgb(48,165,208)
```
#27aad9
```
#27aad9 rgb(39,170,217)
```
#1daee3
```
#1daee3 rgb(29,174,227)
```
#13b3ed
```
#13b3ed rgb(19,179,237)
```
#09b7f7
```
#09b7f7 rgb(9,183,247)
```

Tone Color Variation

Below, you can see how #449cbc 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
#788a90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e96b8 Protanopia 1% of men
#8b95c4 Deuteranopia 1% of men
#43a3af Tritanopia 0.001% of the population

Trichromacy

#7398b9 Protanomaly 1% of men, 0.01% of women
#7197c1 Deuteranomaly 6% of men, 0.4% of women
#43a1b4 Tritanomaly 0.01% of the population

#449cbc hex color

#449cbc Color Information

#449cbc Color Conversion

Color Schemes with #449cbc

Alternatives to #449cbc

#449cbc Preview

Shades and Tints of #449cbc

Tones of #449cbc

Color Blindness Simulator