#449afa hex color

In a RGB color space, hex #449afa is composed of 26.7% red, 60.4% green and 98% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 38.4% magenta, 0% yellow and 2% black. It has a hue angle of 211.6 degrees, a saturation of 94.8% and a lightness of 62.4%. #449afa color hex could be obtained by blending #88ffff with #0035f5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 27
- G 60
- B 98
RGB color chart
- C 73
- M 38
- Y 0
- K 2
CMYK color chart

● #449afa color description : Bright blue.

The hexadecimal color #449afa has RGB values of R:68, G:154, B:250 and CMYK values of C:0.73, M:0.38, Y:0, K:0.02. Its decimal value is 4496122.

Hex triplet	449afa	`#449afa`
RGB Decimal	68, 154, 250	`rgb(68,154,250)`
RGB Percent	26.7, 60.4, 98	`rgb(26.7%,60.4%,98%)`
CMYK	73, 38, 0, 2
HSL	211.6°, 94.8, 62.4	`hsl(211.6,94.8%,62.4%)`
HSV (or HSB)	211.6°, 72.8, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	62.71, 5.613, -55.286
XYZ	31.191, 31.24, 94.823
xyY	0.198, 0.199, 31.24
CIE-LCH	62.71, 55.57, 275.797
CIE-LUV	62.71, -31.594, -89.539
Hunter-Lab	55.893, 1.8, -61.462
Binary	01000100, 10011010, 11111010

#449afa
```
#449afa rgb(68,154,250)
```
#faa444
```
#faa444 rgb(250,164,68)
```

Complementary Color

#44f5fa
```
#44f5fa rgb(68,245,250)
```
#449afa
```
#449afa rgb(68,154,250)
```
#4944fa
```
#4944fa rgb(73,68,250)
```

Analogous Color

#f5fa44
```
#f5fa44 rgb(245,250,68)
```
#449afa
```
#449afa rgb(68,154,250)
```
#fa4944
```
#fa4944 rgb(250,73,68)
```

Split Complementary Color

#9afa44
```
#9afa44 rgb(154,250,68)
```
#449afa
```
#449afa rgb(68,154,250)
```
#fa449a
```
#fa449a rgb(250,68,154)
```

Triadic Color

#44faa4
```
#44faa4 rgb(68,250,164)
```
#449afa
```
#449afa rgb(68,154,250)
```
#fa449a
```
#fa449a rgb(250,68,154)
```
#faa444
```
#faa444 rgb(250,164,68)
```

Tetradic Color

#0672eb
```
#0672eb rgb(6,114,235)
```
#127ff9
```
#127ff9 rgb(18,127,249)
```
#2b8df9
```
#2b8df9 rgb(43,141,249)
```
#449afa
```
#449afa rgb(68,154,250)
```
#5da7fb
```
#5da7fb rgb(93,167,251)
```
#76b5fb
```
#76b5fb rgb(118,181,251)
```
#8fc2fc
```
#8fc2fc rgb(143,194,252)
```

Monochromatic Color

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

#44c8fa
```
#44c8fa rgb(68,200,250)
```
#44b8fa
```
#44b8fa rgb(68,184,250)
```
#44a9fa
```
#44a9fa rgb(68,169,250)
```
#449afa
```
#449afa rgb(68,154,250)
```
#448bfa
```
#448bfa rgb(68,139,250)
```
#447cfa
```
#447cfa rgb(68,124,250)
```
#446dfa
```
#446dfa rgb(68,109,250)
```

Similar Colors

Text with hexadecimal color #449afa

This text has a font color of #449afa.

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

#449afa background color

This paragraph has a background color of #449afa.

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

#449afa border color

This element has a border color of #449afa.

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

CSS codes

.text {color:#449afa;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#010b17
```
#010b17 rgb(1,11,23)
```
#01152a
```
#01152a rgb(1,21,42)
```
#021e3d
```
#021e3d rgb(2,30,61)
```
#022750
```
#022750 rgb(2,39,80)
```
#033064
```
#033064 rgb(3,48,100)
```
#033a77
```
#033a77 rgb(3,58,119)
```
#04438a
```
#04438a rgb(4,67,138)
```
#044c9d
```
#044c9d rgb(4,76,157)
```
#0556b0
```
#0556b0 rgb(5,86,176)
```
#055fc3
```
#055fc3 rgb(5,95,195)
```
#0668d6
```
#0668d6 rgb(6,104,214)
```
#0672e9
```
#0672e9 rgb(6,114,233)
```

Shade Color Variation

#0b7bf8
```
#0b7bf8 rgb(11,123,248)
```
#1e85f9
```
#1e85f9 rgb(30,133,249)
```
#3190f9
```
#3190f9 rgb(49,144,249)
```
#449afa
```
#449afa rgb(68,154,250)
```
#57a4fb
```
#57a4fb rgb(87,164,251)
```
#6aaffb
```
#6aaffb rgb(106,175,251)
```
#7db9fc
```
#7db9fc rgb(125,185,252)
```
#90c3fc
```
#90c3fc rgb(144,195,252)
```
#a4cefd
```
#a4cefd rgb(164,206,253)
```
#b7d8fd
```
#b7d8fd rgb(183,216,253)
```
#cae2fe
```
#cae2fe rgb(202,226,254)
```
#ddedfe
```
#ddedfe rgb(221,237,254)
```
#f0f7ff
```
#f0f7ff rgb(240,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9d9fa1 is the less saturated color, while #449afa is the most saturated one.

#9d9fa1
```
#9d9fa1 rgb(157,159,161)
```
#959ea9
```
#959ea9 rgb(149,158,169)
```
#8e9eb0
```
#8e9eb0 rgb(142,158,176)
```
#869eb8
```
#869eb8 rgb(134,158,184)
```
#7f9dbf
```
#7f9dbf rgb(127,157,191)
```
#789dc6
```
#789dc6 rgb(120,157,198)
```
#709cce
```
#709cce rgb(112,156,206)
```
#699cd5
```
#699cd5 rgb(105,156,213)
```
#629cdc
```
#629cdc rgb(98,156,220)
```
#5a9be4
```
#5a9be4 rgb(90,155,228)
```
#539beb
```
#539beb rgb(83,155,235)
```
#4b9af3
```
#4b9af3 rgb(75,154,243)
```
#449afa
```
#449afa rgb(68,154,250)
```

Tone Color Variation

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

Dichromacy

#749af6 Protanopia 1% of men
#559efa Deuteranopia 1% of men
#00acb8 Tritanopia 0.001% of the population

Trichromacy

#639af7 Protanomaly 1% of men, 0.01% of women
#4f9cfa Deuteranomaly 6% of men, 0.4% of women
#18a5d0 Tritanomaly 0.01% of the population

#449afa hex color

#449afa Color Information

#449afa Color Conversion

Color Schemes with #449afa

Alternatives to #449afa

#449afa Preview

Shades and Tints of #449afa

Tones of #449afa

Color Blindness Simulator