#448ff2 hex color

In a RGB color space, hex #448ff2 is composed of 26.7% red, 56.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 71.9% cyan, 40.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 214.1 degrees, a saturation of 87% and a lightness of 60.8%. #448ff2 color hex could be obtained by blending #88ffff with #001fe5. Closest websafe color is: #3399ff.

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

● #448ff2 color description : Bright blue.

The hexadecimal color #448ff2 has RGB values of R:68, G:143, B:242 and CMYK values of C:0.72, M:0.41, Y:0, K:0.05. Its decimal value is 4493298.

Hex triplet	448ff2	`#448ff2`
RGB Decimal	68, 143, 242	`rgb(68,143,242)`
RGB Percent	26.7, 56.1, 94.9	`rgb(26.7%,56.1%,94.9%)`
CMYK	72, 41, 0, 5
HSL	214.1°, 87, 60.8	`hsl(214.1,87%,60.8%)`
HSV (or HSB)	214.1°, 71.9, 94.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	59.235, 9.311, -56.424
XYZ	28.23, 27.283, 87.778
xyY	0.197, 0.19, 27.283
CIE-LCH	59.235, 57.187, 279.371
CIE-LUV	59.235, -28.27, -90.837
Hunter-Lab	52.233, 5.065, -63.075
Binary	01000100, 10001111, 11110010

#448ff2
```
#448ff2 rgb(68,143,242)
```
#f2a744
```
#f2a744 rgb(242,167,68)
```

Complementary Color

#44e6f2
```
#44e6f2 rgb(68,230,242)
```
#448ff2
```
#448ff2 rgb(68,143,242)
```
#5044f2
```
#5044f2 rgb(80,68,242)
```

Analogous Color

#e6f244
```
#e6f244 rgb(230,242,68)
```
#448ff2
```
#448ff2 rgb(68,143,242)
```
#f25044
```
#f25044 rgb(242,80,68)
```

Split Complementary Color

#8ff244
```
#8ff244 rgb(143,242,68)
```
#448ff2
```
#448ff2 rgb(68,143,242)
```
#f2448f
```
#f2448f rgb(242,68,143)
```

Triadic Color

#44f2a7
```
#44f2a7 rgb(68,242,167)
```
#448ff2
```
#448ff2 rgb(68,143,242)
```
#f2448f
```
#f2448f rgb(242,68,143)
```
#f2a744
```
#f2a744 rgb(242,167,68)
```

Tetradic Color

#0f67da
```
#0f67da rgb(15,103,218)
```
#1472ef
```
#1472ef rgb(20,114,239)
```
#2c81f0
```
#2c81f0 rgb(44,129,240)
```
#448ff2
```
#448ff2 rgb(68,143,242)
```
#5c9df4
```
#5c9df4 rgb(92,157,244)
```
#74acf5
```
#74acf5 rgb(116,172,245)
```
#8cbaf7
```
#8cbaf7 rgb(140,186,247)
```

Monochromatic Color

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

#44bbf2
```
#44bbf2 rgb(68,187,242)
```
#44acf2
```
#44acf2 rgb(68,172,242)
```
#449ef2
```
#449ef2 rgb(68,158,242)
```
#448ff2
```
#448ff2 rgb(68,143,242)
```
#4481f2
```
#4481f2 rgb(68,129,242)
```
#4472f2
```
#4472f2 rgb(68,114,242)
```
#4464f2
```
#4464f2 rgb(68,100,242)
```

Similar Colors

Text with hexadecimal color #448ff2

This text has a font color of #448ff2.

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

#448ff2 background color

This paragraph has a background color of #448ff2.

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

#448ff2 border color

This element has a border color of #448ff2.

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

CSS codes

.text {color:#448ff2;}

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

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

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, #01070f is the darkest color, while #fbfdff is the lightest one.

#01070f
```
#01070f rgb(1,7,15)
```
#021021
```
#021021 rgb(2,16,33)
```
#041833
```
#041833 rgb(4,24,51)
```
#052146
```
#052146 rgb(5,33,70)
```
#062958
```
#062958 rgb(6,41,88)
```
#07326a
```
#07326a rgb(7,50,106)
```
#093b7d
```
#093b7d rgb(9,59,125)
```
#0a438f
```
#0a438f rgb(10,67,143)
```
#0b4ca1
```
#0b4ca1 rgb(11,76,161)
```
#0d55b4
```
#0d55b4 rgb(13,85,180)
```
#0e5dc6
```
#0e5dc6 rgb(14,93,198)
```
#0f66d8
```
#0f66d8 rgb(15,102,216)
```
#106feb
```
#106feb rgb(16,111,235)
```

Shade Color Variation

#1f79ef
```
#1f79ef rgb(31,121,239)
```
#3284f1
```
#3284f1 rgb(50,132,241)
```
#448ff2
```
#448ff2 rgb(68,143,242)
```
#569af3
```
#569af3 rgb(86,154,243)
```
#69a5f5
```
#69a5f5 rgb(105,165,245)
```
#7bb0f6
```
#7bb0f6 rgb(123,176,246)
```
#8dbbf7
```
#8dbbf7 rgb(141,187,247)
```
#a0c6f8
```
#a0c6f8 rgb(160,198,248)
```
#b2d1fa
```
#b2d1fa rgb(178,209,250)
```
#c4dcfb
```
#c4dcfb rgb(196,220,251)
```
#d7e7fc
```
#d7e7fc rgb(215,231,252)
```
#e9f2fd
```
#e9f2fd rgb(233,242,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 #3c8efa is the most saturated one.

#999b9d
```
#999b9d rgb(153,155,157)
```
#919aa5
```
#919aa5 rgb(145,154,165)
```
#8999ad
```
#8999ad rgb(137,153,173)
```
#8297b4
```
#8297b4 rgb(130,151,180)
```
#7a96bc
```
#7a96bc rgb(122,150,188)
```
#7295c4
```
#7295c4 rgb(114,149,196)
```
#6a94cc
```
#6a94cc rgb(106,148,204)
```
#6393d3
```
#6393d3 rgb(99,147,211)
```
#5b92db
```
#5b92db rgb(91,146,219)
```
#5391e3
```
#5391e3 rgb(83,145,227)
```
#4c90ea
```
#4c90ea rgb(76,144,234)
```
#448ff2
```
#448ff2 rgb(68,143,242)
```
#3c8efa
```
#3c8efa rgb(60,142,250)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#77869a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6891ef Protanopia 1% of men
#4495f2 Deuteranopia 1% of men
#00a2ae Tritanopia 0.001% of the population

Trichromacy

#5b90f0 Protanomaly 1% of men, 0.01% of women
#4493f2 Deuteranomaly 6% of men, 0.4% of women
#189bc6 Tritanomaly 0.01% of the population

#448ff2 hex color

#448ff2 Color Information

#448ff2 Color Conversion

Color Schemes with #448ff2

Alternatives to #448ff2

#448ff2 Preview

Shades and Tints of #448ff2

Tones of #448ff2

Color Blindness Simulator