#448cfc hex color

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

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

● #448cfc color description : Bright blue.

The hexadecimal color #448cfc has RGB values of R:68, G:140, B:252 and CMYK values of C:0.73, M:0.44, Y:0, K:0.01. Its decimal value is 4492540.

Hex triplet	448cfc	`#448cfc`
RGB Decimal	68, 140, 252	`rgb(68,140,252)`
RGB Percent	26.7, 54.9, 98.8	`rgb(26.7%,54.9%,98.8%)`
CMYK	73, 44, 0, 1
HSL	216.5°, 96.8, 62.7	`hsl(216.5,96.8%,62.7%)`
HSV (or HSB)	216.5°, 73, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.985, 14.664, -62.334
XYZ	29.329, 27.011, 95.758
xyY	0.193, 0.178, 27.011
CIE-LCH	58.985, 64.035, 283.238
CIE-LUV	58.985, -27.07, -100.853
Hunter-Lab	51.972, 9.779, -72.86
Binary	01000100, 10001100, 11111100

#448cfc
```
#448cfc rgb(68,140,252)
```
#fcb444
```
#fcb444 rgb(252,180,68)
```

Complementary Color

#44e8fc
```
#44e8fc rgb(68,232,252)
```
#448cfc
```
#448cfc rgb(68,140,252)
```
#5844fc
```
#5844fc rgb(88,68,252)
```

Analogous Color

#e8fc44
```
#e8fc44 rgb(232,252,68)
```
#448cfc
```
#448cfc rgb(68,140,252)
```
#fc5844
```
#fc5844 rgb(252,88,68)
```

Split Complementary Color

#8cfc44
```
#8cfc44 rgb(140,252,68)
```
#448cfc
```
#448cfc rgb(68,140,252)
```
#fc448c
```
#fc448c rgb(252,68,140)
```

Triadic Color

#44fcb4
```
#44fcb4 rgb(68,252,180)
```
#448cfc
```
#448cfc rgb(68,140,252)
```
#fc448c
```
#fc448c rgb(252,68,140)
```
#fcb444
```
#fcb444 rgb(252,180,68)
```

Tetradic Color

#0460f0
```
#0460f0 rgb(4,96,240)
```
#126dfb
```
#126dfb rgb(18,109,251)
```
#2b7dfc
```
#2b7dfc rgb(43,125,252)
```
#448cfc
```
#448cfc rgb(68,140,252)
```
#5d9bfc
```
#5d9bfc rgb(93,155,252)
```
#76abfd
```
#76abfd rgb(118,171,253)
```
#8fbafd
```
#8fbafd rgb(143,186,253)
```

Monochromatic Color

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

#44bafc
```
#44bafc rgb(68,186,252)
```
#44abfc
```
#44abfc rgb(68,171,252)
```
#449bfc
```
#449bfc rgb(68,155,252)
```
#448cfc
```
#448cfc rgb(68,140,252)
```
#447dfc
```
#447dfc rgb(68,125,252)
```
#446dfc
```
#446dfc rgb(68,109,252)
```
#445efc
```
#445efc rgb(68,94,252)
```

Similar Colors

Text with hexadecimal color #448cfc

This text has a font color of #448cfc.

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

#448cfc background color

This paragraph has a background color of #448cfc.

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

#448cfc border color

This element has a border color of #448cfc.

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

CSS codes

.text {color:#448cfc;}

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

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

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)
```
#011a40
```
#011a40 rgb(1,26,64)
```
#012153
```
#012153 rgb(1,33,83)
```
#022967
```
#022967 rgb(2,41,103)
```
#02317a
```
#02317a rgb(2,49,122)
```
#02398d
```
#02398d rgb(2,57,141)
```
#0340a1
```
#0340a1 rgb(3,64,161)
```
#0348b4
```
#0348b4 rgb(3,72,180)
```
#0350c7
```
#0350c7 rgb(3,80,199)
```
#0458da
```
#0458da rgb(4,88,218)
```
#045fee
```
#045fee rgb(4,95,238)
```

Shade Color Variation

#0a68fb
```
#0a68fb rgb(10,104,251)
```
#1d74fb
```
#1d74fb rgb(29,116,251)
```
#3180fc
```
#3180fc rgb(49,128,252)
```
#448cfc
```
#448cfc rgb(68,140,252)
```
#5798fc
```
#5798fc rgb(87,152,252)
```
#6ba4fd
```
#6ba4fd rgb(107,164,253)
```
#7eb0fd
```
#7eb0fd rgb(126,176,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 #448cfc 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)
```
#7e99c2
```
#7e99c2 rgb(126,153,194)
```
#7797c9
```
#7797c9 rgb(119,151,201)
```
#7096d0
```
#7096d0 rgb(112,150,208)
```
#6994d7
```
#6994d7 rgb(105,148,215)
```
#6192df
```
#6192df rgb(97,146,223)
```
#5a91e6
```
#5a91e6 rgb(90,145,230)
```
#538fed
```
#538fed rgb(83,143,237)
```
#4b8ef5
```
#4b8ef5 rgb(75,142,245)
```
#448cfc
```
#448cfc rgb(68,140,252)
```

Tone Color Variation

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

#5b90fa Protanopia 1% of men
#1396fa Deuteranopia 1% of men
#00a2ad Tritanopia 0.001% of the population

Trichromacy

#538efb Protanomaly 1% of men, 0.01% of women
#2592fa Deuteranomaly 6% of men, 0.4% of women
#189ac9 Tritanomaly 0.01% of the population

#448cfc hex color

#448cfc Color Information

#448cfc Color Conversion

Color Schemes with #448cfc

Alternatives to #448cfc

#448cfc Preview

Shades and Tints of #448cfc

Tones of #448cfc

Color Blindness Simulator