#44a4f2 hex color

In a RGB color space, hex #44a4f2 is composed of 26.7% red, 64.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 71.9% cyan, 32.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 206.9 degrees, a saturation of 87% and a lightness of 60.8%. #44a4f2 color hex could be obtained by blending #88ffff with #0049e5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 27
- G 64
- B 95
RGB color chart
- C 72
- M 32
- Y 0
- K 5
CMYK color chart

● #44a4f2 color description : Bright blue.

The hexadecimal color #44a4f2 has RGB values of R:68, G:164, B:242 and CMYK values of C:0.72, M:0.32, Y:0, K:0.05. Its decimal value is 4498674.

Hex triplet	44a4f2	`#44a4f2`
RGB Decimal	68, 164, 242	`rgb(68,164,242)`
RGB Percent	26.7, 64.3, 94.9	`rgb(26.7%,64.3%,94.9%)`
CMYK	72, 32, 0, 5
HSL	206.9°, 87, 60.8	`hsl(206.9,87%,60.8%)`
HSV (or HSB)	206.9°, 71.9, 94.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	65.112, -2.938, -47.102
XYZ	31.683, 34.188, 88.929
xyY	0.205, 0.221, 34.188
CIE-LCH	65.112, 47.193, 266.431
CIE-LUV	65.112, -35.239, -75.396
Hunter-Lab	58.471, -5.603, -49.246
Binary	01000100, 10100100, 11110010

#44a4f2
```
#44a4f2 rgb(68,164,242)
```
#f29244
```
#f29244 rgb(242,146,68)
```

Complementary Color

#44f2e9
```
#44f2e9 rgb(68,242,233)
```
#44a4f2
```
#44a4f2 rgb(68,164,242)
```
#444df2
```
#444df2 rgb(68,77,242)
```

Analogous Color

#f2e944
```
#f2e944 rgb(242,233,68)
```
#44a4f2
```
#44a4f2 rgb(68,164,242)
```
#f2444d
```
#f2444d rgb(242,68,77)
```

Split Complementary Color

#a4f244
```
#a4f244 rgb(164,242,68)
```
#44a4f2
```
#44a4f2 rgb(68,164,242)
```
#f244a4
```
#f244a4 rgb(242,68,164)
```

Triadic Color

#44f292
```
#44f292 rgb(68,242,146)
```
#44a4f2
```
#44a4f2 rgb(68,164,242)
```
#f244a4
```
#f244a4 rgb(242,68,164)
```
#f29244
```
#f29244 rgb(242,146,68)
```

Tetradic Color

#0f7fda
```
#0f7fda rgb(15,127,218)
```
#148def
```
#148def rgb(20,141,239)
```
#2c98f0
```
#2c98f0 rgb(44,152,240)
```
#44a4f2
```
#44a4f2 rgb(68,164,242)
```
#5cb0f4
```
#5cb0f4 rgb(92,176,244)
```
#74bbf5
```
#74bbf5 rgb(116,187,245)
```
#8cc7f7
```
#8cc7f7 rgb(140,199,247)
```

Monochromatic Color

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

#44d0f2
```
#44d0f2 rgb(68,208,242)
```
#44c1f2
```
#44c1f2 rgb(68,193,242)
```
#44b3f2
```
#44b3f2 rgb(68,179,242)
```
#44a4f2
```
#44a4f2 rgb(68,164,242)
```
#4496f2
```
#4496f2 rgb(68,150,242)
```
#4487f2
```
#4487f2 rgb(68,135,242)
```
#4479f2
```
#4479f2 rgb(68,121,242)
```

Similar Colors

Text with hexadecimal color #44a4f2

This text has a font color of #44a4f2.

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

#44a4f2 background color

This paragraph has a background color of #44a4f2.

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

#44a4f2 border color

This element has a border color of #44a4f2.

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

CSS codes

.text {color:#44a4f2;}

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

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

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, #01090f is the darkest color, while #fbfdff is the lightest one.

#01090f
```
#01090f rgb(1,9,15)
```
#021321
```
#021321 rgb(2,19,33)
```
#041e33
```
#041e33 rgb(4,30,51)
```
#052946
```
#052946 rgb(5,41,70)
```
#063358
```
#063358 rgb(6,51,88)
```
#073e6a
```
#073e6a rgb(7,62,106)
```
#09497d
```
#09497d rgb(9,73,125)
```
#0a538f
```
#0a538f rgb(10,83,143)
```
#0b5ea1
```
#0b5ea1 rgb(11,94,161)
```
#0d69b4
```
#0d69b4 rgb(13,105,180)
```
#0e73c6
```
#0e73c6 rgb(14,115,198)
```
#0f7ed8
```
#0f7ed8 rgb(15,126,216)
```
#1089eb
```
#1089eb rgb(16,137,235)
```

Shade Color Variation

#1f92ef
```
#1f92ef rgb(31,146,239)
```
#329bf1
```
#329bf1 rgb(50,155,241)
```
#44a4f2
```
#44a4f2 rgb(68,164,242)
```
#56adf3
```
#56adf3 rgb(86,173,243)
```
#69b6f5
```
#69b6f5 rgb(105,182,245)
```
#7bbff6
```
#7bbff6 rgb(123,191,246)
```
#8dc8f7
```
#8dc8f7 rgb(141,200,247)
```
#a0d1f8
```
#a0d1f8 rgb(160,209,248)
```
#b2dafa
```
#b2dafa rgb(178,218,250)
```
#c4e2fb
```
#c4e2fb rgb(196,226,251)
```
#d7ebfc
```
#d7ebfc rgb(215,235,252)
```
#e9f4fd
```
#e9f4fd rgb(233,244,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999b9d is the less saturated color, while #3ca5fa is the most saturated one.

#999b9d
```
#999b9d rgb(153,155,157)
```
#919ca5
```
#919ca5 rgb(145,156,165)
```
#899dad
```
#899dad rgb(137,157,173)
```
#829eb4
```
#829eb4 rgb(130,158,180)
```
#7a9ebc
```
#7a9ebc rgb(122,158,188)
```
#729fc4
```
#729fc4 rgb(114,159,196)
```
#6aa0cc
```
#6aa0cc rgb(106,160,204)
```
#63a1d3
```
#63a1d3 rgb(99,161,211)
```
#5ba2db
```
#5ba2db rgb(91,162,219)
```
#53a2e3
```
#53a2e3 rgb(83,162,227)
```
#4ca3ea
```
#4ca3ea rgb(76,163,234)
```
#44a4f2
```
#44a4f2 rgb(68,164,242)
```
#3ca5fa
```
#3ca5fa rgb(60,165,250)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#8194a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a0ec Protanopia 1% of men
#73a3f5 Deuteranopia 1% of men
#00b2bf Tritanopia 0.001% of the population

Trichromacy

#6ea1ee Protanomaly 1% of men, 0.01% of women
#61a3f3 Deuteranomaly 6% of men, 0.4% of women
#18add2 Tritanomaly 0.01% of the population

#44a4f2 hex color

#44a4f2 Color Information

#44a4f2 Color Conversion

Color Schemes with #44a4f2

Alternatives to #44a4f2

#44a4f2 Preview

Shades and Tints of #44a4f2

Tones of #44a4f2

Color Blindness Simulator