#4228af hex color

In a RGB color space, hex #4228af is composed of 25.9% red, 15.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 77.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 251.6 degrees, a saturation of 62.8% and a lightness of 42.2%. #4228af color hex could be obtained by blending #8450ff with #00005f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 26
- G 16
- B 69
RGB color chart
- C 62
- M 77
- Y 0
- K 31
CMYK color chart

● #4228af color description : Dark blue.

The hexadecimal color #4228af has RGB values of R:66, G:40, B:175 and CMYK values of C:0.62, M:0.77, Y:0, K:0.31. Its decimal value is 4335791.

Hex triplet	4228af	`#4228af`
RGB Decimal	66, 40, 175	`rgb(66,40,175)`
RGB Percent	25.9, 15.7, 68.6	`rgb(25.9%,15.7%,68.6%)`
CMYK	62, 77, 0, 31
HSL	251.6°, 62.8, 42.2	`hsl(251.6,62.8%,42.2%)`
HSV (or HSB)	251.6°, 77.1, 68.6
Web Safe	333399	`#333399`

CIE-LAB	28.826, 48.526, -67.258
XYZ	10.742, 5.771, 41.103
xyY	0.186, 0.1, 5.771
CIE-LCH	28.826, 82.936, 305.81
CIE-LUV	28.826, -1.151, -87.284
Hunter-Lab	24.022, 37.782, -84.633
Binary	01000010, 00101000, 10101111

#4228af
```
#4228af rgb(66,40,175)
```
#95af28
```
#95af28 rgb(149,175,40)
```

Complementary Color

#2852af
```
#2852af rgb(40,82,175)
```
#4228af
```
#4228af rgb(66,40,175)
```
#8628af
```
#8628af rgb(134,40,175)
```

Analogous Color

#52af28
```
#52af28 rgb(82,175,40)
```
#4228af
```
#4228af rgb(66,40,175)
```
#af8628
```
#af8628 rgb(175,134,40)
```

Split Complementary Color

#28af42
```
#28af42 rgb(40,175,66)
```
#4228af
```
#4228af rgb(66,40,175)
```
#af4228
```
#af4228 rgb(175,66,40)
```

Triadic Color

#2895af
```
#2895af rgb(40,149,175)
```
#4228af
```
#4228af rgb(66,40,175)
```
#af4228
```
#af4228 rgb(175,66,40)
```
#95af28
```
#95af28 rgb(149,175,40)
```

Tetradic Color

#2b1a71
```
#2b1a71 rgb(43,26,113)
```
#321f85
```
#321f85 rgb(50,31,133)
```
#3a239a
```
#3a239a rgb(58,35,154)
```
#4228af
```
#4228af rgb(66,40,175)
```
#4a2dc4
```
#4a2dc4 rgb(74,45,196)
```
#5638d2
```
#5638d2 rgb(86,56,210)
```
#684dd6
```
#684dd6 rgb(104,77,214)
```

Monochromatic Color

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

#2830af
```
#2830af rgb(40,48,175)
```
#2b28af
```
#2b28af rgb(43,40,175)
```
#3728af
```
#3728af rgb(55,40,175)
```
#4228af
```
#4228af rgb(66,40,175)
```
#4d28af
```
#4d28af rgb(77,40,175)
```
#5928af
```
#5928af rgb(89,40,175)
```
#6428af
```
#6428af rgb(100,40,175)
```

Similar Colors

Text with hexadecimal color #4228af

This text has a font color of #4228af.

<span style="color:#4228af;">Text here</span>

#4228af background color

This paragraph has a background color of #4228af.

<p style="background-color:#4228af;">Content here</p>

#4228af border color

This element has a border color of #4228af.

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

CSS codes

.text {color:#4228af;}

.background {background-color:#4228af;}

.border {border:1px solid #4228af;}

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

#06040f
```
#06040f rgb(6,4,15)
```
#0c071f
```
#0c071f rgb(12,7,31)
```
#120b2f
```
#120b2f rgb(18,11,47)
```
#180e3f
```
#180e3f rgb(24,14,63)
```
#1e124f
```
#1e124f rgb(30,18,79)
```
#24165f
```
#24165f rgb(36,22,95)
```
#2a196f
```
#2a196f rgb(42,25,111)
```
#301d7f
```
#301d7f rgb(48,29,127)
```
#36218f
```
#36218f rgb(54,33,143)
```
#3c249f
```
#3c249f rgb(60,36,159)
```
#4228af
```
#4228af rgb(66,40,175)
```
#482cbf
```
#482cbf rgb(72,44,191)
```
#4e2fcf
```
#4e2fcf rgb(78,47,207)
```

Shade Color Variation

#5b3fd3
```
#5b3fd3 rgb(91,63,211)
```
#694fd7
```
#694fd7 rgb(105,79,215)
```
#775fda
```
#775fda rgb(119,95,218)
```
#846fde
```
#846fde rgb(132,111,222)
```
#927fe2
```
#927fe2 rgb(146,127,226)
```
#9f8fe5
```
#9f8fe5 rgb(159,143,229)
```
#ad9fe9
```
#ad9fe9 rgb(173,159,233)
```
#baafed
```
#baafed rgb(186,175,237)
```
#c8bff0
```
#c8bff0 rgb(200,191,240)
```
#d6cef4
```
#d6cef4 rgb(214,206,244)
```
#e3def8
```
#e3def8 rgb(227,222,248)
```
#f1eefb
```
#f1eefb rgb(241,238,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6a6d is the less saturated color, while #2e07d0 is the most saturated one.

#6b6a6d
```
#6b6a6d rgb(107,106,109)
```
#666275
```
#666275 rgb(102,98,117)
```
#615a7d
```
#615a7d rgb(97,90,125)
```
#5b5186
```
#5b5186 rgb(91,81,134)
```
#56498e
```
#56498e rgb(86,73,142)
```
#514196
```
#514196 rgb(81,65,150)
```
#4c399e
```
#4c399e rgb(76,57,158)
```
#4730a7
```
#4730a7 rgb(71,48,167)
```
#4228af
```
#4228af rgb(66,40,175)
```
#3d20b7
```
#3d20b7 rgb(61,32,183)
```
#3817c0
```
#3817c0 rgb(56,23,192)
```
#330fc8
```
#330fc8 rgb(51,15,200)
```
#2e07d0
```
#2e07d0 rgb(46,7,208)
```

Tone Color Variation

Below, you can see how #4228af 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

#3f3f3f Achromatopsia 0.005% of the population
#403a55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#004f7f Deuteranopia 1% of men
#00555b Tritanopia 0.001% of the population

Trichromacy

#183e9d Protanomaly 1% of men, 0.01% of women
#184190 Deuteranomaly 6% of men, 0.4% of women
#184479 Tritanomaly 0.01% of the population

#4228af hex color

#4228af Color Information

#4228af Color Conversion

Color Schemes with #4228af

Alternatives to #4228af

#4228af Preview

Shades and Tints of #4228af

Tones of #4228af

Color Blindness Simulator