#448eed hex color

In a RGB color space, hex #448eed is composed of 26.7% red, 55.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 40.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 213.7 degrees, a saturation of 82.4% and a lightness of 59.8%. #448eed color hex could be obtained by blending #88ffff with #001ddb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 27
- G 56
- B 93
RGB color chart
- C 71
- M 40
- Y 0
- K 7
CMYK color chart

● #448eed color description : Bright blue.

The hexadecimal color #448eed has RGB values of R:68, G:142, B:237 and CMYK values of C:0.71, M:0.4, Y:0, K:0.07. Its decimal value is 4493037.

Hex triplet	448eed	`#448eed`
RGB Decimal	68, 142, 237	`rgb(68,142,237)`
RGB Percent	26.7, 55.7, 92.9	`rgb(26.7%,55.7%,92.9%)`
CMYK	71, 40, 0, 7
HSL	213.7°, 82.4, 59.8	`hsl(213.7,82.4%,59.8%)`
HSV (or HSB)	213.7°, 71.3, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.684, 8.143, -54.538
XYZ	27.339, 26.687, 83.826
xyY	0.198, 0.194, 26.687
CIE-LCH	58.684, 55.143, 278.492
CIE-LUV	58.684, -28.084, -87.479
Hunter-Lab	51.66, 4.061, -60.046
Binary	01000100, 10001110, 11101101

#448eed
```
#448eed rgb(68,142,237)
```
#eda344
```
#eda344 rgb(237,163,68)
```

Complementary Color

#44e3ed
```
#44e3ed rgb(68,227,237)
```
#448eed
```
#448eed rgb(68,142,237)
```
#4f44ed
```
#4f44ed rgb(79,68,237)
```

Analogous Color

#e3ed44
```
#e3ed44 rgb(227,237,68)
```
#448eed
```
#448eed rgb(68,142,237)
```
#ed4f44
```
#ed4f44 rgb(237,79,68)
```

Split Complementary Color

#8eed44
```
#8eed44 rgb(142,237,68)
```
#448eed
```
#448eed rgb(68,142,237)
```
#ed448e
```
#ed448e rgb(237,68,142)
```

Triadic Color

#44eda3
```
#44eda3 rgb(68,237,163)
```
#448eed
```
#448eed rgb(68,142,237)
```
#ed448e
```
#ed448e rgb(237,68,142)
```
#eda344
```
#eda344 rgb(237,163,68)
```

Tetradic Color

#1467d0
```
#1467d0 rgb(20,103,208)
```
#1672e8
```
#1672e8 rgb(22,114,232)
```
#2d80eb
```
#2d80eb rgb(45,128,235)
```
#448eed
```
#448eed rgb(68,142,237)
```
#5b9cef
```
#5b9cef rgb(91,156,239)
```
#73aaf1
```
#73aaf1 rgb(115,170,241)
```
#8ab8f4
```
#8ab8f4 rgb(138,184,244)
```

Monochromatic Color

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

#44b8ed
```
#44b8ed rgb(68,184,237)
```
#44aaed
```
#44aaed rgb(68,170,237)
```
#449ced
```
#449ced rgb(68,156,237)
```
#448eed
```
#448eed rgb(68,142,237)
```
#4480ed
```
#4480ed rgb(68,128,237)
```
#4472ed
```
#4472ed rgb(68,114,237)
```
#4464ed
```
#4464ed rgb(68,100,237)
```

Similar Colors

Text with hexadecimal color #448eed

This text has a font color of #448eed.

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

#448eed background color

This paragraph has a background color of #448eed.

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

#448eed border color

This element has a border color of #448eed.

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

CSS codes

.text {color:#448eed;}

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

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

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, #01050a is the darkest color, while #f7fafe is the lightest one.

#01050a
```
#01050a rgb(1,5,10)
```
#030e1c
```
#030e1c rgb(3,14,28)
```
#04162e
```
#04162e rgb(4,22,46)
```
#061f40
```
#061f40 rgb(6,31,64)
```
#082851
```
#082851 rgb(8,40,81)
```
#0a3163
```
#0a3163 rgb(10,49,99)
```
#0b3a75
```
#0b3a75 rgb(11,58,117)
```
#0d4287
```
#0d4287 rgb(13,66,135)
```
#0f4b99
```
#0f4b99 rgb(15,75,153)
```
#1054ab
```
#1054ab rgb(16,84,171)
```
#125dbd
```
#125dbd rgb(18,93,189)
```
#1466cf
```
#1466cf rgb(20,102,207)
```
#166ee1
```
#166ee1 rgb(22,110,225)
```

Shade Color Variation

#2078ea
```
#2078ea rgb(32,120,234)
```
#3283eb
```
#3283eb rgb(50,131,235)
```
#448eed
```
#448eed rgb(68,142,237)
```
#5699ef
```
#5699ef rgb(86,153,239)
```
#68a4f0
```
#68a4f0 rgb(104,164,240)
```
#7aaef2
```
#7aaef2 rgb(122,174,242)
```
#8cb9f4
```
#8cb9f4 rgb(140,185,244)
```
#9dc4f6
```
#9dc4f6 rgb(157,196,246)
```
#afcff7
```
#afcff7 rgb(175,207,247)
```
#c1daf9
```
#c1daf9 rgb(193,218,249)
```
#d3e4fb
```
#d3e4fb rgb(211,228,251)
```
#e5effd
```
#e5effd rgb(229,239,253)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

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

#93989e
```
#93989e rgb(147,152,158)
```
#8b97a6
```
#8b97a6 rgb(139,151,166)
```
#8396ae
```
#8396ae rgb(131,150,174)
```
#7b95b6
```
#7b95b6 rgb(123,149,182)
```
#7394be
```
#7394be rgb(115,148,190)
```
#6b93c6
```
#6b93c6 rgb(107,147,198)
```
#6492cd
```
#6492cd rgb(100,146,205)
```
#5c91d5
```
#5c91d5 rgb(92,145,213)
```
#5490dd
```
#5490dd rgb(84,144,221)
```
#4c8fe5
```
#4c8fe5 rgb(76,143,229)
```
#448eed
```
#448eed rgb(68,142,237)
```
#3c8df5
```
#3c8df5 rgb(60,141,245)
```
#348cfd
```
#348cfd rgb(52,140,253)
```

Tone Color Variation

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

#6990ea Protanopia 1% of men
#4994ed Deuteranopia 1% of men
#00a1ac Tritanopia 0.001% of the population

Trichromacy

#5c8feb Protanomaly 1% of men, 0.01% of women
#4792ed Deuteranomaly 6% of men, 0.4% of women
#189ac4 Tritanomaly 0.01% of the population

#448eed hex color

#448eed Color Information

#448eed Color Conversion

Color Schemes with #448eed

Alternatives to #448eed

#448eed Preview

Shades and Tints of #448eed

Tones of #448eed

Color Blindness Simulator