colorhexa.com

#449be5 hex color

In a RGB color space, hex #449be5 is composed of 26.7% red, 60.8% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 32.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 207.6 degrees, a saturation of 75.6% and a lightness of 58.2%. #449be5 color hex could be obtained by blending #88ffff with #0037cb. Closest websafe color is: #3399cc.

- R 27
- G 61
- B 90
RGB color chart
- C 70
- M 32
- Y 0
- K 10
CMYK color chart

● #449be5 color description : Bright blue.

The hexadecimal color #449be5 has RGB values of R:68, G:155, B:229 and CMYK values of C:0.7, M:0.32, Y:0, K:0.1. Its decimal value is 4496357.

Hex triplet	449be5	`#449be5`
RGB Decimal	68, 155, 229	`rgb(68,155,229)`
RGB Percent	26.7, 60.8, 89.8	`rgb(26.7%,60.8%,89.8%)`
CMYK	70, 32, 0, 10
HSL	207.6°, 75.6, 58.2	`hsl(207.6,75.6%,58.2%)`
HSV (or HSB)	207.6°, 70.3, 89.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.935, -2.268, -44.957
XYZ	28.245, 30.327, 78.49
xyY	0.206, 0.221, 30.327
CIE-LCH	61.935, 45.014, 267.112
CIE-LUV	61.935, -32.707, -71.274
Hunter-Lab	55.07, -4.821, -45.956
Binary	01000100, 10011011, 11100101

#449be5
```
#449be5 rgb(68,155,229)
```
#e58e44
```
#e58e44 rgb(229,142,68)
```

Complementary Color

#44e5df
```
#44e5df rgb(68,229,223)
```
#449be5
```
#449be5 rgb(68,155,229)
```
#444be5
```
#444be5 rgb(68,75,229)
```

Analogous Color

#e5df44
```
#e5df44 rgb(229,223,68)
```
#449be5
```
#449be5 rgb(68,155,229)
```
#e5444b
```
#e5444b rgb(229,68,75)
```

Split Complementary Color

#9be544
```
#9be544 rgb(155,229,68)
```
#449be5
```
#449be5 rgb(68,155,229)
```
#e5449b
```
#e5449b rgb(229,68,155)
```

Triadic Color

#44e58e
```
#44e58e rgb(68,229,142)
```
#449be5
```
#449be5 rgb(68,155,229)
```
#e5449b
```
#e5449b rgb(229,68,155)
```
#e58e44
```
#e58e44 rgb(229,142,68)
```

Tetradic Color

#1b75c2
```
#1b75c2 rgb(27,117,194)
```
#1e83d8
```
#1e83d8 rgb(30,131,216)
```
#2e8fe2
```
#2e8fe2 rgb(46,143,226)
```
#449be5
```
#449be5 rgb(68,155,229)
```
#5aa7e8
```
#5aa7e8 rgb(90,167,232)
```
#71b3eb
```
#71b3eb rgb(113,179,235)
```
#87bfee
```
#87bfee rgb(135,191,238)
```

Monochromatic Color

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

#44c3e5
```
#44c3e5 rgb(68,195,229)
```
#44b6e5
```
#44b6e5 rgb(68,182,229)
```
#44a8e5
```
#44a8e5 rgb(68,168,229)
```
#449be5
```
#449be5 rgb(68,155,229)
```
#448ee5
```
#448ee5 rgb(68,142,229)
```
#4480e5
```
#4480e5 rgb(68,128,229)
```
#4473e5
```
#4473e5 rgb(68,115,229)
```

Similar Colors

Text with hexadecimal color #449be5

This text has a font color of #449be5.

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

#449be5 background color

This paragraph has a background color of #449be5.

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

#449be5 border color

This element has a border color of #449be5.

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

CSS codes

.text {color:#449be5;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030c14
```
#030c14 rgb(3,12,20)
```
#051625
```
#051625 rgb(5,22,37)
```
#082136
```
#082136 rgb(8,33,54)
```
#0a2b47
```
#0a2b47 rgb(10,43,71)
```
#0c3659
```
#0c3659 rgb(12,54,89)
```
#0f406a
```
#0f406a rgb(15,64,106)
```
#114a7b
```
#114a7b rgb(17,74,123)
```
#13558c
```
#13558c rgb(19,85,140)
```
#165f9d
```
#165f9d rgb(22,95,157)
```
#186aaf
```
#186aaf rgb(24,106,175)
```
#1b74c0
```
#1b74c0 rgb(27,116,192)
```
#1d7ed1
```
#1d7ed1 rgb(29,126,209)
```

Shade Color Variation

#2289e0
```
#2289e0 rgb(34,137,224)
```
#3392e3
```
#3392e3 rgb(51,146,227)
```
#449be5
```
#449be5 rgb(68,155,229)
```
#55a4e7
```
#55a4e7 rgb(85,164,231)
```
#66adea
```
#66adea rgb(102,173,234)
```
#78b7ec
```
#78b7ec rgb(120,183,236)
```
#89c0ef
```
#89c0ef rgb(137,192,239)
```
#9ac9f1
```
#9ac9f1 rgb(154,201,241)
```
#abd2f3
```
#abd2f3 rgb(171,210,243)
```
#bddbf6
```
#bddbf6 rgb(189,219,246)
```
#cee5f8
```
#cee5f8 rgb(206,229,248)
```
#dfeefb
```
#dfeefb rgb(223,238,251)
```
#f0f7fd
```
#f0f7fd rgb(240,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e959b is the less saturated color, while #2b9dfe is the most saturated one.

#8e959b
```
#8e959b rgb(142,149,155)
```
#8696a3
```
#8696a3 rgb(134,150,163)
```
#7d96ac
```
#7d96ac rgb(125,150,172)
```
#7597b4
```
#7597b4 rgb(117,151,180)
```
#6d98bc
```
#6d98bc rgb(109,152,188)
```
#6598c4
```
#6598c4 rgb(101,152,196)
```
#5d99cc
```
#5d99cc rgb(93,153,204)
```
#549ad5
```
#549ad5 rgb(84,154,213)
```
#4c9add
```
#4c9add rgb(76,154,221)
```
#449be5
```
#449be5 rgb(68,155,229)
```
#3c9ced
```
#3c9ced rgb(60,156,237)
```
#349cf5
```
#349cf5 rgb(52,156,245)
```
#2b9dfe
```
#2b9dfe rgb(43,157,254)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#7b8d9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8098e0 Protanopia 1% of men
#6e9be8 Deuteranopia 1% of men
#00aab6 Tritanopia 0.001% of the population

Trichromacy

#6a99e2 Protanomaly 1% of men, 0.01% of women
#5e9be7 Deuteranomaly 6% of men, 0.4% of women
#18a4c7 Tritanomaly 0.01% of the population