#44a5bd hex color

In a RGB color space, hex #44a5bd is composed of 26.7% red, 64.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 12.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 191.9 degrees, a saturation of 47.8% and a lightness of 50.4%. #44a5bd color hex could be obtained by blending #88ffff with #004b7b. Closest websafe color is: #3399cc.

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

● #44a5bd color description : Moderate cyan.

The hexadecimal color #44a5bd has RGB values of R:68, G:165, B:189 and CMYK values of C:0.64, M:0.13, Y:0, K:0.26. Its decimal value is 4498877.

Hex triplet	44a5bd	`#44a5bd`
RGB Decimal	68, 165, 189	`rgb(68,165,189)`
RGB Percent	26.7, 64.7, 74.1	`rgb(26.7%,64.7%,74.1%)`
CMYK	64, 13, 0, 26
HSL	191.9°, 47.8, 50.4	`hsl(191.9,47.8%,50.4%)`
HSV (or HSB)	191.9°, 64, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.187, -20.869, -20.761
XYZ	25.022, 31.811, 52.963
xyY	0.228, 0.29, 31.811
CIE-LCH	63.187, 29.437, 224.851
CIE-LUV	63.187, -38.147, -28.959
Hunter-Lab	56.402, -19.513, -16.194
Binary	01000100, 10100101, 10111101

#44a5bd
```
#44a5bd rgb(68,165,189)
```
#bd5c44
```
#bd5c44 rgb(189,92,68)
```

Complementary Color

#44bd99
```
#44bd99 rgb(68,189,153)
```
#44a5bd
```
#44a5bd rgb(68,165,189)
```
#4469bd
```
#4469bd rgb(68,105,189)
```

Analogous Color

#bd9944
```
#bd9944 rgb(189,153,68)
```
#44a5bd
```
#44a5bd rgb(68,165,189)
```
#bd4469
```
#bd4469 rgb(189,68,105)
```

Split Complementary Color

#a5bd44
```
#a5bd44 rgb(165,189,68)
```
#44a5bd
```
#44a5bd rgb(68,165,189)
```
#bd44a5
```
#bd44a5 rgb(189,68,165)
```

Triadic Color

#44bd5c
```
#44bd5c rgb(68,189,92)
```
#44a5bd
```
#44a5bd rgb(68,165,189)
```
#bd44a5
```
#bd44a5 rgb(189,68,165)
```
#bd5c44
```
#bd5c44 rgb(189,92,68)
```

Tetradic Color

#2f7485
```
#2f7485 rgb(47,116,133)
```
#368598
```
#368598 rgb(54,133,152)
```
#3c95ab
```
#3c95ab rgb(60,149,171)
```
#44a5bd
```
#44a5bd rgb(68,165,189)
```
#57aec4
```
#57aec4 rgb(87,174,196)
```
#6ab7ca
```
#6ab7ca rgb(106,183,202)
```
#7dc0d1
```
#7dc0d1 rgb(125,192,209)
```

Monochromatic Color

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

#44bdb7
```
#44bdb7 rgb(68,189,183)
```
#44b9bd
```
#44b9bd rgb(68,185,189)
```
#44afbd
```
#44afbd rgb(68,175,189)
```
#44a5bd
```
#44a5bd rgb(68,165,189)
```
#449bbd
```
#449bbd rgb(68,155,189)
```
#4491bd
```
#4491bd rgb(68,145,189)
```
#4487bd
```
#4487bd rgb(68,135,189)
```

Similar Colors

Text with hexadecimal color #44a5bd

This text has a font color of #44a5bd.

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

#44a5bd background color

This paragraph has a background color of #44a5bd.

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

#44a5bd border color

This element has a border color of #44a5bd.

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

CSS codes

.text {color:#44a5bd;}

.background {background-color:#44a5bd;}

.border {border:1px solid #44a5bd;}

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

#010101
```
#010101 rgb(1,1,1)
```
#060e10
```
#060e10 rgb(6,14,16)
```
#0b1b1e
```
#0b1b1e rgb(11,27,30)
```
#10272d
```
#10272d rgb(16,39,45)
```
#15343b
```
#15343b rgb(21,52,59)
```
#1a404a
```
#1a404a rgb(26,64,74)
```
#1f4d58
```
#1f4d58 rgb(31,77,88)
```
#245a67
```
#245a67 rgb(36,90,103)
```
#296675
```
#296675 rgb(41,102,117)
```
#2f7384
```
#2f7384 rgb(47,115,132)
```
#348092
```
#348092 rgb(52,128,146)
```
#398ca1
```
#398ca1 rgb(57,140,161)
```
#3e99af
```
#3e99af rgb(62,153,175)
```

Shade Color Variation

#44a5bd
```
#44a5bd rgb(68,165,189)
```
#52acc2
```
#52acc2 rgb(82,172,194)
```
#61b3c7
```
#61b3c7 rgb(97,179,199)
```
#6fbacc
```
#6fbacc rgb(111,186,204)
```
#7ec1d1
```
#7ec1d1 rgb(126,193,209)
```
#8cc8d7
```
#8cc8d7 rgb(140,200,215)
```
#9bcfdc
```
#9bcfdc rgb(155,207,220)
```
#a9d6e1
```
#a9d6e1 rgb(169,214,225)
```
#b8dde6
```
#b8dde6 rgb(184,221,230)
```
#c6e4eb
```
#c6e4eb rgb(198,228,235)
```
#d5ebf0
```
#d5ebf0 rgb(213,235,240)
```
#e3f2f5
```
#e3f2f5 rgb(227,242,245)
```
#f2f9fa
```
#f2f9fa rgb(242,249,250)
```

Tint Color Variation

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

#7e8283
```
#7e8283 rgb(126,130,131)
```
#75888c
```
#75888c rgb(117,136,140)
```
#6b8e96
```
#6b8e96 rgb(107,142,150)
```
#6193a0
```
#6193a0 rgb(97,147,160)
```
#5799aa
```
#5799aa rgb(87,153,170)
```
#4e9fb3
```
#4e9fb3 rgb(78,159,179)
```
#44a5bd
```
#44a5bd rgb(68,165,189)
```
#3aabc7
```
#3aabc7 rgb(58,171,199)
```
#31b1d0
```
#31b1d0 rgb(49,177,208)
```
#27b7da
```
#27b7da rgb(39,183,218)
```
#1dbce4
```
#1dbce4 rgb(29,188,228)
```
#13c2ee
```
#13c2ee rgb(19,194,238)
```
#0ac8f7
```
#0ac8f7 rgb(10,200,247)
```

Tone Color Variation

Below, you can see how #44a5bd 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

#8b8b8b Achromatopsia 0.005% of the population
#7d9095 Atypical Achromatopsia 0.001% of the population

Dichromacy

#989cb8 Protanopia 1% of men
#969bc5 Deuteranopia 1% of men
#48abb7 Tritanopia 0.001% of the population

Trichromacy

#799fba Protanomaly 1% of men, 0.01% of women
#789fc2 Deuteranomaly 6% of men, 0.4% of women
#46a8b9 Tritanomaly 0.01% of the population

#44a5bd hex color

#44a5bd Color Information

#44a5bd Color Conversion

Color Schemes with #44a5bd

Alternatives to #44a5bd

#44a5bd Preview

Shades and Tints of #44a5bd

Tones of #44a5bd

Color Blindness Simulator