#448fea hex color

In a RGB color space, hex #448fea is composed of 26.7% red, 56.1% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 38.9% magenta, 0% yellow and 8.2% black. It has a hue angle of 212.9 degrees, a saturation of 79.8% and a lightness of 59.2%. #448fea color hex could be obtained by blending #88ffff with #001fd5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 27
- G 56
- B 92
RGB color chart
- C 71
- M 39
- Y 0
- K 8
CMYK color chart

● #448fea color description : Bright blue.

The hexadecimal color #448fea has RGB values of R:68, G:143, B:234 and CMYK values of C:0.71, M:0.39, Y:0, K:0.08. Its decimal value is 4493290.

Hex triplet	448fea	`#448fea`
RGB Decimal	68, 143, 234	`rgb(68,143,234)`
RGB Percent	26.7, 56.1, 91.8	`rgb(26.7%,56.1%,91.8%)`
CMYK	71, 39, 0, 8
HSL	212.9°, 79.8, 59.2	`hsl(212.9,79.8%,59.2%)`
HSV (or HSB)	212.9°, 70.9, 91.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.8, 6.489, -52.69
XYZ	27.054, 26.812, 81.587
xyY	0.2, 0.198, 26.812
CIE-LCH	58.8, 53.088, 277.021
CIE-LUV	58.8, -28.497, -84.32
Hunter-Lab	51.781, 2.646, -57.172
Binary	01000100, 10001111, 11101010

#448fea
```
#448fea rgb(68,143,234)
```
#ea9f44
```
#ea9f44 rgb(234,159,68)
```

Complementary Color

#44e2ea
```
#44e2ea rgb(68,226,234)
```
#448fea
```
#448fea rgb(68,143,234)
```
#4c44ea
```
#4c44ea rgb(76,68,234)
```

Analogous Color

#e2ea44
```
#e2ea44 rgb(226,234,68)
```
#448fea
```
#448fea rgb(68,143,234)
```
#ea4c44
```
#ea4c44 rgb(234,76,68)
```

Split Complementary Color

#8fea44
```
#8fea44 rgb(143,234,68)
```
#448fea
```
#448fea rgb(68,143,234)
```
#ea448f
```
#ea448f rgb(234,68,143)
```

Triadic Color

#44ea9f
```
#44ea9f rgb(68,234,159)
```
#448fea
```
#448fea rgb(68,143,234)
```
#ea448f
```
#ea448f rgb(234,68,143)
```
#ea9f44
```
#ea9f44 rgb(234,159,68)
```

Tetradic Color

#1768cb
```
#1768cb rgb(23,104,203)
```
#1974e2
```
#1974e2 rgb(25,116,226)
```
#2d81e7
```
#2d81e7 rgb(45,129,231)
```
#448fea
```
#448fea rgb(68,143,234)
```
#5b9ded
```
#5b9ded rgb(91,157,237)
```
#72aaef
```
#72aaef rgb(114,170,239)
```
#89b8f2
```
#89b8f2 rgb(137,184,242)
```

Monochromatic Color

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

#44b9ea
```
#44b9ea rgb(68,185,234)
```
#44abea
```
#44abea rgb(68,171,234)
```
#449dea
```
#449dea rgb(68,157,234)
```
#448fea
```
#448fea rgb(68,143,234)
```
#4481ea
```
#4481ea rgb(68,129,234)
```
#4473ea
```
#4473ea rgb(68,115,234)
```
#4466ea
```
#4466ea rgb(68,102,234)
```

Similar Colors

Text with hexadecimal color #448fea

This text has a font color of #448fea.

<span style="color:#448fea;">Text here</span>

#448fea background color

This paragraph has a background color of #448fea.

<p style="background-color:#448fea;">Content here</p>

#448fea border color

This element has a border color of #448fea.

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

CSS codes

.text {color:#448fea;}

.background {background-color:#448fea;}

.border {border:1px solid #448fea;}

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

#010407
```
#010407 rgb(1,4,7)
```
#030d19
```
#030d19 rgb(3,13,25)
```
#05162a
```
#05162a rgb(5,22,42)
```
#071f3c
```
#071f3c rgb(7,31,60)
```
#09284e
```
#09284e rgb(9,40,78)
```
#0b315f
```
#0b315f rgb(11,49,95)
```
#0d3a71
```
#0d3a71 rgb(13,58,113)
```
#0f4382
```
#0f4382 rgb(15,67,130)
```
#114c94
```
#114c94 rgb(17,76,148)
```
#1355a6
```
#1355a6 rgb(19,85,166)
```
#155eb7
```
#155eb7 rgb(21,94,183)
```
#1767c9
```
#1767c9 rgb(23,103,201)
```
#1970db
```
#1970db rgb(25,112,219)
```

Shade Color Variation

#217ae6
```
#217ae6 rgb(33,122,230)
```
#3284e8
```
#3284e8 rgb(50,132,232)
```
#448fea
```
#448fea rgb(68,143,234)
```
#569aec
```
#569aec rgb(86,154,236)
```
#67a4ee
```
#67a4ee rgb(103,164,238)
```
#79aff0
```
#79aff0 rgb(121,175,240)
```
#8bb9f2
```
#8bb9f2 rgb(139,185,242)
```
#9cc4f4
```
#9cc4f4 rgb(156,196,244)
```
#aecef6
```
#aecef6 rgb(174,206,246)
```
#bfd9f8
```
#bfd9f8 rgb(191,217,248)
```
#d1e3fa
```
#d1e3fa rgb(209,227,250)
```
#e3eefc
```
#e3eefc rgb(227,238,252)
```
#f4f9fe
```
#f4f9fe rgb(244,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94979a is the less saturated color, while #348dfa is the most saturated one.

#94979a
```
#94979a rgb(148,151,154)
```
#8c96a2
```
#8c96a2 rgb(140,150,162)
```
#8495aa
```
#8495aa rgb(132,149,170)
```
#7c94b2
```
#7c94b2 rgb(124,148,178)
```
#7494ba
```
#7494ba rgb(116,148,186)
```
#6c93c2
```
#6c93c2 rgb(108,147,194)
```
#6492ca
```
#6492ca rgb(100,146,202)
```
#5c91d2
```
#5c91d2 rgb(92,145,210)
```
#5491da
```
#5491da rgb(84,145,218)
```
#4c90e2
```
#4c90e2 rgb(76,144,226)
```
#448fea
```
#448fea rgb(68,143,234)
```
#3c8ef2
```
#3c8ef2 rgb(60,142,242)
```
#348dfa
```
#348dfa rgb(52,141,250)
```

Tone Color Variation

Below, you can see how #448fea 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

#838383 Achromatopsia 0.005% of the population
#768598 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d90e7 Protanopia 1% of men
#5094eb Deuteranopia 1% of men
#00a1ad Tritanopia 0.001% of the population

Trichromacy

#5e8fe8 Protanomaly 1% of men, 0.01% of women
#4b92ea Deuteranomaly 6% of men, 0.4% of women
#189ac3 Tritanomaly 0.01% of the population

#448fea hex color

#448fea Color Information

#448fea Color Conversion

Color Schemes with #448fea

Alternatives to #448fea

#448fea Preview

Shades and Tints of #448fea

Tones of #448fea

Color Blindness Simulator