#4474ff hex color

In a RGB color space, hex #4474ff is composed of 26.7% red, 45.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 54.5% magenta, 0% yellow and 0% black. It has a hue angle of 224.6 degrees, a saturation of 100% and a lightness of 63.3%. #4474ff color hex could be obtained by blending #88e8ff with #0000ff. Closest websafe color is: #3366ff.

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

● #4474ff color description : Light blue.

The hexadecimal color #4474ff has RGB values of R:68, G:116, B:255 and CMYK values of C:0.73, M:0.55, Y:0, K:0. Its decimal value is 4486399.

Hex triplet	4474ff	`#4474ff`
RGB Decimal	68, 116, 255	`rgb(68,116,255)`
RGB Percent	26.7, 45.5, 100	`rgb(26.7%,45.5%,100%)`
CMYK	73, 55, 0, 0
HSL	224.6°, 100, 63.3	`hsl(224.6,100%,63.3%)`
HSV (or HSB)	224.6°, 73.3, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	52.881, 30.459, -73.838
XYZ	26.675, 20.938, 97.238
xyY	0.184, 0.145, 20.938
CIE-LCH	52.881, 79.874, 292.417
CIE-LUV	52.881, -20.026, -117.133
Hunter-Lab	45.758, 23.984, -93.964
Binary	01000100, 01110100, 11111111

#4474ff
```
#4474ff rgb(68,116,255)
```
#ffcf44
```
#ffcf44 rgb(255,207,68)
```

Complementary Color

#44d2ff
```
#44d2ff rgb(68,210,255)
```
#4474ff
```
#4474ff rgb(68,116,255)
```
#7244ff
```
#7244ff rgb(114,68,255)
```

Analogous Color

#d2ff44
```
#d2ff44 rgb(210,255,68)
```
#4474ff
```
#4474ff rgb(68,116,255)
```
#ff7244
```
#ff7244 rgb(255,114,68)
```

Split Complementary Color

#74ff44
```
#74ff44 rgb(116,255,68)
```
#4474ff
```
#4474ff rgb(68,116,255)
```
#ff4474
```
#ff4474 rgb(255,68,116)
```

Triadic Color

#44ffcf
```
#44ffcf rgb(68,255,207)
```
#4474ff
```
#4474ff rgb(68,116,255)
```
#ff4474
```
#ff4474 rgb(255,68,116)
```
#ffcf44
```
#ffcf44 rgb(255,207,68)
```

Tetradic Color

#003ff7
```
#003ff7 rgb(0,63,247)
```
#114eff
```
#114eff rgb(17,78,255)
```
#2b61ff
```
#2b61ff rgb(43,97,255)
```
#4474ff
```
#4474ff rgb(68,116,255)
```
#5e87ff
```
#5e87ff rgb(94,135,255)
```
#779aff
```
#779aff rgb(119,154,255)
```
#91adff
```
#91adff rgb(145,173,255)
```

Monochromatic Color

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

#44a3ff
```
#44a3ff rgb(68,163,255)
```
#4493ff
```
#4493ff rgb(68,147,255)
```
#4484ff
```
#4484ff rgb(68,132,255)
```
#4474ff
```
#4474ff rgb(68,116,255)
```
#4464ff
```
#4464ff rgb(68,100,255)
```
#4455ff
```
#4455ff rgb(68,85,255)
```
#4445ff
```
#4445ff rgb(68,69,255)
```

Similar Colors

Text with hexadecimal color #4474ff

This text has a font color of #4474ff.

<span style="color:#4474ff;">Text here</span>

#4474ff background color

This paragraph has a background color of #4474ff.

<p style="background-color:#4474ff;">Content here</p>

#4474ff border color

This element has a border color of #4474ff.

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

CSS codes

.text {color:#4474ff;}

.background {background-color:#4474ff;}

.border {border:1px solid #4474ff;}

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

#000209
```
#000209 rgb(0,2,9)
```
#00071d
```
#00071d rgb(0,7,29)
```
#000c30
```
#000c30 rgb(0,12,48)
```
#001144
```
#001144 rgb(0,17,68)
```
#001658
```
#001658 rgb(0,22,88)
```
#001c6b
```
#001c6b rgb(0,28,107)
```
#00217f
```
#00217f rgb(0,33,127)
```
#002692
```
#002692 rgb(0,38,146)
```
#002ba6
```
#002ba6 rgb(0,43,166)
```
#0030ba
```
#0030ba rgb(0,48,186)
```
#0035cd
```
#0035cd rgb(0,53,205)
```
#003ae1
```
#003ae1 rgb(0,58,225)
```
#003ff5
```
#003ff5 rgb(0,63,245)
```

Shade Color Variation

#0948ff
```
#0948ff rgb(9,72,255)
```
#1d57ff
```
#1d57ff rgb(29,87,255)
```
#3065ff
```
#3065ff rgb(48,101,255)
```
#4474ff
```
#4474ff rgb(68,116,255)
```
#5883ff
```
#5883ff rgb(88,131,255)
```
#6b91ff
```
#6b91ff rgb(107,145,255)
```
#7fa0ff
```
#7fa0ff rgb(127,160,255)
```
#92aeff
```
#92aeff rgb(146,174,255)
```
#a6bdff
```
#a6bdff rgb(166,189,255)
```
#bacbff
```
#bacbff rgb(186,203,255)
```
#cddaff
```
#cddaff rgb(205,218,255)
```
#e1e9ff
```
#e1e9ff rgb(225,233,255)
```
#f5f7ff
```
#f5f7ff rgb(245,247,255)
```

Tint Color Variation

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

#9a9ea9
```
#9a9ea9 rgb(154,158,169)
```
#939bb0
```
#939bb0 rgb(147,155,176)
```
#8c97b7
```
#8c97b7 rgb(140,151,183)
```
#8594be
```
#8594be rgb(133,148,190)
```
#7e90c5
```
#7e90c5 rgb(126,144,197)
```
#768dcd
```
#768dcd rgb(118,141,205)
```
#6f89d4
```
#6f89d4 rgb(111,137,212)
```
#6886db
```
#6886db rgb(104,134,219)
```
#6182e2
```
#6182e2 rgb(97,130,226)
```
#5a7fe9
```
#5a7fe9 rgb(90,127,233)
```
#527bf1
```
#527bf1 rgb(82,123,241)
```
#4b78f8
```
#4b78f8 rgb(75,120,248)
```
#4474ff
```
#4474ff rgb(68,116,255)
```

Tone Color Variation

Below, you can see how #4474ff 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

#757575 Achromatopsia 0.005% of the population
#6b7591 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fc Protanopia 1% of men
#0087dd Deuteranopia 1% of men
#00919a Tritanopia 0.001% of the population

Trichromacy

#187cfd Protanomaly 1% of men, 0.01% of women
#1880e9 Deuteranomaly 6% of men, 0.4% of women
#1887bf Tritanomaly 0.01% of the population

#4474ff hex color

#4474ff Color Information

#4474ff Color Conversion

Color Schemes with #4474ff

Alternatives to #4474ff

#4474ff Preview

Shades and Tints of #4474ff

Tones of #4474ff

Color Blindness Simulator