#448cdc hex color

In a RGB color space, hex #448cdc is composed of 26.7% red, 54.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 36.4% magenta, 0% yellow and 13.7% black. It has a hue angle of 211.6 degrees, a saturation of 68.5% and a lightness of 56.5%. #448cdc color hex could be obtained by blending #88ffff with #0019b9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 27
- G 55
- B 86
RGB color chart
- C 69
- M 36
- Y 0
- K 14
CMYK color chart

● #448cdc color description : Soft blue.

The hexadecimal color #448cdc has RGB values of R:68, G:140, B:220 and CMYK values of C:0.69, M:0.36, Y:0, K:0.14. Its decimal value is 4492508.

Hex triplet	448cdc	`#448cdc`
RGB Decimal	68, 140, 220	`rgb(68,140,220)`
RGB Percent	26.7, 54.9, 86.3	`rgb(26.7%,54.9%,86.3%)`
CMYK	69, 36, 0, 14
HSL	211.6°, 68.5, 56.5	`hsl(211.6,68.5%,56.5%)`
HSV (or HSB)	211.6°, 69.1, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.222, 3.363, -47.399
XYZ	24.677, 25.151, 71.26
xyY	0.204, 0.208, 25.151
CIE-LCH	57.222, 47.518, 274.059
CIE-LUV	57.222, -27.914, -74.915
Hunter-Lab	50.15, 0.07, -49.142
Binary	01000100, 10001100, 11011100

#448cdc
```
#448cdc rgb(68,140,220)
```
#dc9444
```
#dc9444 rgb(220,148,68)
```

Complementary Color

#44d8dc
```
#44d8dc rgb(68,216,220)
```
#448cdc
```
#448cdc rgb(68,140,220)
```
#4844dc
```
#4844dc rgb(72,68,220)
```

Analogous Color

#d8dc44
```
#d8dc44 rgb(216,220,68)
```
#448cdc
```
#448cdc rgb(68,140,220)
```
#dc4844
```
#dc4844 rgb(220,72,68)
```

Split Complementary Color

#8cdc44
```
#8cdc44 rgb(140,220,68)
```
#448cdc
```
#448cdc rgb(68,140,220)
```
#dc448c
```
#dc448c rgb(220,68,140)
```

Triadic Color

#44dc94
```
#44dc94 rgb(68,220,148)
```
#448cdc
```
#448cdc rgb(68,140,220)
```
#dc448c
```
#dc448c rgb(220,68,140)
```
#dc9444
```
#dc9444 rgb(220,148,68)
```

Tetradic Color

#2166b2
```
#2166b2 rgb(33,102,178)
```
#2572c8
```
#2572c8 rgb(37,114,200)
```
#2f7fd8
```
#2f7fd8 rgb(47,127,216)
```
#448cdc
```
#448cdc rgb(68,140,220)
```
#5999e0
```
#5999e0 rgb(89,153,224)
```
#6fa6e4
```
#6fa6e4 rgb(111,166,228)
```
#84b4e8
```
#84b4e8 rgb(132,180,232)
```

Monochromatic Color

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

#44b2dc
```
#44b2dc rgb(68,178,220)
```
#44a5dc
```
#44a5dc rgb(68,165,220)
```
#4499dc
```
#4499dc rgb(68,153,220)
```
#448cdc
```
#448cdc rgb(68,140,220)
```
#447fdc
```
#447fdc rgb(68,127,220)
```
#4473dc
```
#4473dc rgb(68,115,220)
```
#4466dc
```
#4466dc rgb(68,102,220)
```

Similar Colors

Text with hexadecimal color #448cdc

This text has a font color of #448cdc.

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

#448cdc background color

This paragraph has a background color of #448cdc.

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

#448cdc border color

This element has a border color of #448cdc.

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

CSS codes

.text {color:#448cdc;}

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

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

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, #02060b is the darkest color, while #fafcfe is the lightest one.

#02060b
```
#02060b rgb(2,6,11)
```
#05101c
```
#05101c rgb(5,16,28)
```
#08192c
```
#08192c rgb(8,25,44)
```
#0b233d
```
#0b233d rgb(11,35,61)
```
#0e2c4d
```
#0e2c4d rgb(14,44,77)
```
#12365e
```
#12365e rgb(18,54,94)
```
#153f6e
```
#153f6e rgb(21,63,110)
```
#18497f
```
#18497f rgb(24,73,127)
```
#1b528f
```
#1b528f rgb(27,82,143)
```
#1e5ca0
```
#1e5ca0 rgb(30,92,160)
```
#2165b1
```
#2165b1 rgb(33,101,177)
```
#246ec1
```
#246ec1 rgb(36,110,193)
```
#2778d2
```
#2778d2 rgb(39,120,210)
```

Shade Color Variation

#3382d9
```
#3382d9 rgb(51,130,217)
```
#448cdc
```
#448cdc rgb(68,140,220)
```
#5596df
```
#5596df rgb(85,150,223)
```
#65a0e2
```
#65a0e2 rgb(101,160,226)
```
#76aae5
```
#76aae5 rgb(118,170,229)
```
#86b5e8
```
#86b5e8 rgb(134,181,232)
```
#97bfeb
```
#97bfeb rgb(151,191,235)
```
#a7c9ef
```
#a7c9ef rgb(167,201,239)
```
#b8d3f2
```
#b8d3f2 rgb(184,211,242)
```
#c8ddf5
```
#c8ddf5 rgb(200,221,245)
```
#d9e7f8
```
#d9e7f8 rgb(217,231,248)
```
#e9f2fb
```
#e9f2fb rgb(233,242,251)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #889098 is the less saturated color, while #228afe is the most saturated one.

#889098
```
#889098 rgb(136,144,152)
```
#808fa0
```
#808fa0 rgb(128,143,160)
```
#778fa9
```
#778fa9 rgb(119,143,169)
```
#6f8eb1
```
#6f8eb1 rgb(111,142,177)
```
#668eba
```
#668eba rgb(102,142,186)
```
#5e8dc2
```
#5e8dc2 rgb(94,141,194)
```
#558dcb
```
#558dcb rgb(85,141,203)
```
#4d8cd3
```
#4d8cd3 rgb(77,140,211)
```
#448cdc
```
#448cdc rgb(68,140,220)
```
#3b8ce5
```
#3b8ce5 rgb(59,140,229)
```
#338bed
```
#338bed rgb(51,139,237)
```
#2a8bf6
```
#2a8bf6 rgb(42,139,246)
```
#228afe
```
#228afe rgb(34,138,254)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#748292 Atypical Achromatopsia 0.001% of the population

Dichromacy

#708cd9 Protanopia 1% of men
#5a90de Deuteranopia 1% of men
#009da8 Tritanopia 0.001% of the population

Trichromacy

#608cda Protanomaly 1% of men, 0.01% of women
#528edd Deuteranomaly 6% of men, 0.4% of women
#1897bb Tritanomaly 0.01% of the population

#448cdc hex color

#448cdc Color Information

#448cdc Color Conversion

Color Schemes with #448cdc

Alternatives to #448cdc

#448cdc Preview

Shades and Tints of #448cdc

Tones of #448cdc

Color Blindness Simulator