#44a5f2 hex color

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

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

● #44a5f2 color description : Bright blue.

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

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

CIE-LAB	65.395, -3.504, -46.655
XYZ	31.862, 34.547, 88.989
xyY	0.205, 0.222, 34.547
CIE-LCH	65.395, 46.787, 265.705
CIE-LUV	65.395, -35.579, -74.627
Hunter-Lab	58.777, -6.098, -48.621
Binary	01000100, 10100101, 11110010

#44a5f2
```
#44a5f2 rgb(68,165,242)
```
#f29144
```
#f29144 rgb(242,145,68)
```

Complementary Color

#44f2e8
```
#44f2e8 rgb(68,242,232)
```
#44a5f2
```
#44a5f2 rgb(68,165,242)
```
#444ef2
```
#444ef2 rgb(68,78,242)
```

Analogous Color

#f2e844
```
#f2e844 rgb(242,232,68)
```
#44a5f2
```
#44a5f2 rgb(68,165,242)
```
#f2444e
```
#f2444e rgb(242,68,78)
```

Split Complementary Color

#a5f244
```
#a5f244 rgb(165,242,68)
```
#44a5f2
```
#44a5f2 rgb(68,165,242)
```
#f244a5
```
#f244a5 rgb(242,68,165)
```

Triadic Color

#44f291
```
#44f291 rgb(68,242,145)
```
#44a5f2
```
#44a5f2 rgb(68,165,242)
```
#f244a5
```
#f244a5 rgb(242,68,165)
```
#f29144
```
#f29144 rgb(242,145,68)
```

Tetradic Color

#0f80da
```
#0f80da rgb(15,128,218)
```
#148eef
```
#148eef rgb(20,142,239)
```
#2c9af0
```
#2c9af0 rgb(44,154,240)
```
#44a5f2
```
#44a5f2 rgb(68,165,242)
```
#5cb0f4
```
#5cb0f4 rgb(92,176,244)
```
#74bcf5
```
#74bcf5 rgb(116,188,245)
```
#8cc7f7
```
#8cc7f7 rgb(140,199,247)
```

Monochromatic Color

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

#44d1f2
```
#44d1f2 rgb(68,209,242)
```
#44c2f2
```
#44c2f2 rgb(68,194,242)
```
#44b4f2
```
#44b4f2 rgb(68,180,242)
```
#44a5f2
```
#44a5f2 rgb(68,165,242)
```
#4497f2
```
#4497f2 rgb(68,151,242)
```
#4488f2
```
#4488f2 rgb(68,136,242)
```
#447af2
```
#447af2 rgb(68,122,242)
```

Similar Colors

Text with hexadecimal color #44a5f2

This text has a font color of #44a5f2.

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

#44a5f2 background color

This paragraph has a background color of #44a5f2.

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

#44a5f2 border color

This element has a border color of #44a5f2.

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

CSS codes

.text {color:#44a5f2;}

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

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

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)
```
#063458
```
#063458 rgb(6,52,88)
```
#073f6a
```
#073f6a rgb(7,63,106)
```
#09497d
```
#09497d rgb(9,73,125)
```
#0a548f
```
#0a548f rgb(10,84,143)
```
#0b5fa1
```
#0b5fa1 rgb(11,95,161)
```
#0d6ab4
```
#0d6ab4 rgb(13,106,180)
```
#0e75c6
```
#0e75c6 rgb(14,117,198)
```
#0f7fd8
```
#0f7fd8 rgb(15,127,216)
```
#108aeb
```
#108aeb rgb(16,138,235)
```

Shade Color Variation

#1f93ef
```
#1f93ef rgb(31,147,239)
```
#329cf1
```
#329cf1 rgb(50,156,241)
```
#44a5f2
```
#44a5f2 rgb(68,165,242)
```
#56aef3
```
#56aef3 rgb(86,174,243)
```
#69b7f5
```
#69b7f5 rgb(105,183,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)
```
#c4e3fb
```
#c4e3fb rgb(196,227,251)
```
#d7ecfc
```
#d7ecfc rgb(215,236,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 #3ca6fa 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)
```
#7a9fbc
```
#7a9fbc rgb(122,159,188)
```
#72a0c4
```
#72a0c4 rgb(114,160,196)
```
#6aa1cc
```
#6aa1cc rgb(106,161,204)
```
#63a1d3
```
#63a1d3 rgb(99,161,211)
```
#5ba2db
```
#5ba2db rgb(91,162,219)
```
#53a3e3
```
#53a3e3 rgb(83,163,227)
```
#4ca4ea
```
#4ca4ea rgb(76,164,234)
```
#44a5f2
```
#44a5f2 rgb(68,165,242)
```
#3ca6fa
```
#3ca6fa rgb(60,166,250)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#8295a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88a1ec Protanopia 1% of men
#74a3f5 Deuteranopia 1% of men
#00b3c0 Tritanopia 0.001% of the population

Trichromacy

#6fa2ee Protanomaly 1% of men, 0.01% of women
#63a4f4 Deuteranomaly 6% of men, 0.4% of women
#18aed2 Tritanomaly 0.01% of the population

#44a5f2 hex color

#44a5f2 Color Information

#44a5f2 Color Conversion

Color Schemes with #44a5f2

Alternatives to #44a5f2

#44a5f2 Preview

Shades and Tints of #44a5f2

Tones of #44a5f2

Color Blindness Simulator