#448bfc hex color

In a RGB color space, hex #448bfc is composed of 26.7% red, 54.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 44.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 216.8 degrees, a saturation of 96.8% and a lightness of 62.7%. #448bfc color hex could be obtained by blending #88ffff with #0017f9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 27
- G 55
- B 99
RGB color chart
- C 73
- M 45
- Y 0
- K 1
CMYK color chart

● #448bfc color description : Bright blue.

The hexadecimal color #448bfc has RGB values of R:68, G:139, B:252 and CMYK values of C:0.73, M:0.45, Y:0, K:0.01. Its decimal value is 4492284.

Hex triplet	448bfc	`#448bfc`
RGB Decimal	68, 139, 252	`rgb(68,139,252)`
RGB Percent	26.7, 54.5, 98.8	`rgb(26.7%,54.5%,98.8%)`
CMYK	73, 45, 0, 1
HSL	216.8°, 96.8, 62.7	`hsl(216.8,96.8%,62.7%)`
HSV (or HSB)	216.8°, 73, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.715, 15.269, -62.767
XYZ	29.183, 26.72, 95.71
xyY	0.192, 0.176, 26.72
CIE-LCH	58.715, 64.598, 283.673
CIE-LUV	58.715, -26.76, -101.51
Hunter-Lab	51.692, 10.314, -73.594
Binary	01000100, 10001011, 11111100

#448bfc
```
#448bfc rgb(68,139,252)
```
#fcb544
```
#fcb544 rgb(252,181,68)
```

Complementary Color

#44e7fc
```
#44e7fc rgb(68,231,252)
```
#448bfc
```
#448bfc rgb(68,139,252)
```
#5944fc
```
#5944fc rgb(89,68,252)
```

Analogous Color

#e7fc44
```
#e7fc44 rgb(231,252,68)
```
#448bfc
```
#448bfc rgb(68,139,252)
```
#fc5944
```
#fc5944 rgb(252,89,68)
```

Split Complementary Color

#8bfc44
```
#8bfc44 rgb(139,252,68)
```
#448bfc
```
#448bfc rgb(68,139,252)
```
#fc448b
```
#fc448b rgb(252,68,139)
```

Triadic Color

#44fcb5
```
#44fcb5 rgb(68,252,181)
```
#448bfc
```
#448bfc rgb(68,139,252)
```
#fc448b
```
#fc448b rgb(252,68,139)
```
#fcb544
```
#fcb544 rgb(252,181,68)
```

Tetradic Color

#045ff0
```
#045ff0 rgb(4,95,240)
```
#126cfb
```
#126cfb rgb(18,108,251)
```
#2b7bfc
```
#2b7bfc rgb(43,123,252)
```
#448bfc
```
#448bfc rgb(68,139,252)
```
#5d9bfc
```
#5d9bfc rgb(93,155,252)
```
#76aafd
```
#76aafd rgb(118,170,253)
```
#8fbafd
```
#8fbafd rgb(143,186,253)
```

Monochromatic Color

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

#44b9fc
```
#44b9fc rgb(68,185,252)
```
#44aafc
```
#44aafc rgb(68,170,252)
```
#449afc
```
#449afc rgb(68,154,252)
```
#448bfc
```
#448bfc rgb(68,139,252)
```
#447cfc
```
#447cfc rgb(68,124,252)
```
#446cfc
```
#446cfc rgb(68,108,252)
```
#445dfc
```
#445dfc rgb(68,93,252)
```

Similar Colors

Text with hexadecimal color #448bfc

This text has a font color of #448bfc.

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

#448bfc background color

This paragraph has a background color of #448bfc.

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

#448bfc border color

This element has a border color of #448bfc.

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

CSS codes

.text {color:#448bfc;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#000a19
```
#000a19 rgb(0,10,25)
```
#01122d
```
#01122d rgb(1,18,45)
```
#011940
```
#011940 rgb(1,25,64)
```
#012153
```
#012153 rgb(1,33,83)
```
#022967
```
#022967 rgb(2,41,103)
```
#02307a
```
#02307a rgb(2,48,122)
```
#02388d
```
#02388d rgb(2,56,141)
```
#0340a1
```
#0340a1 rgb(3,64,161)
```
#0347b4
```
#0347b4 rgb(3,71,180)
```
#034fc7
```
#034fc7 rgb(3,79,199)
```
#0456da
```
#0456da rgb(4,86,218)
```
#045eee
```
#045eee rgb(4,94,238)
```

Shade Color Variation

#0a67fb
```
#0a67fb rgb(10,103,251)
```
#1d73fb
```
#1d73fb rgb(29,115,251)
```
#317ffc
```
#317ffc rgb(49,127,252)
```
#448bfc
```
#448bfc rgb(68,139,252)
```
#5797fc
```
#5797fc rgb(87,151,252)
```
#6ba3fd
```
#6ba3fd rgb(107,163,253)
```
#7eaffd
```
#7eaffd rgb(126,175,253)
```
#91bbfd
```
#91bbfd rgb(145,187,253)
```
#a5c7fe
```
#a5c7fe rgb(165,199,254)
```
#b8d3fe
```
#b8d3fe rgb(184,211,254)
```
#cbdffe
```
#cbdffe rgb(203,223,254)
```
#deebfe
```
#deebfe rgb(222,235,254)
```
#f2f7ff
```
#f2f7ff rgb(242,247,255)
```

Tint Color Variation

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

#9c9fa4
```
#9c9fa4 rgb(156,159,164)
```
#949dac
```
#949dac rgb(148,157,172)
```
#8d9cb3
```
#8d9cb3 rgb(141,156,179)
```
#869aba
```
#869aba rgb(134,154,186)
```
#7e98c2
```
#7e98c2 rgb(126,152,194)
```
#7797c9
```
#7797c9 rgb(119,151,201)
```
#7095d0
```
#7095d0 rgb(112,149,208)
```
#6993d7
```
#6993d7 rgb(105,147,215)
```
#6192df
```
#6192df rgb(97,146,223)
```
#5a90e6
```
#5a90e6 rgb(90,144,230)
```
#538eed
```
#538eed rgb(83,142,237)
```
#4b8df5
```
#4b8df5 rgb(75,141,245)
```
#448bfc
```
#448bfc rgb(68,139,252)
```

Tone Color Variation

Below, you can see how #448bfc 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
#76859b Atypical Achromatopsia 0.001% of the population

Dichromacy

#598ffa Protanopia 1% of men
#0095f9 Deuteranopia 1% of men
#00a1ac Tritanopia 0.001% of the population

Trichromacy

#518dfb Protanomaly 1% of men, 0.01% of women
#1891fa Deuteranomaly 6% of men, 0.4% of women
#1899c9 Tritanomaly 0.01% of the population

#448bfc hex color

#448bfc Color Information

#448bfc Color Conversion

Color Schemes with #448bfc

Alternatives to #448bfc

#448bfc Preview

Shades and Tints of #448bfc

Tones of #448bfc

Color Blindness Simulator