#4228a0 hex color

In a RGB color space, hex #4228a0 is composed of 25.9% red, 15.7% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 75% magenta, 0% yellow and 37.3% black. It has a hue angle of 253 degrees, a saturation of 60% and a lightness of 39.2%. #4228a0 color hex could be obtained by blending #8450ff with #000041. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 26
- G 16
- B 63
RGB color chart
- C 59
- M 75
- Y 0
- K 37
CMYK color chart

● #4228a0 color description : Dark blue.

The hexadecimal color #4228a0 has RGB values of R:66, G:40, B:160 and CMYK values of C:0.59, M:0.75, Y:0, K:0.37. Its decimal value is 4335776.

Hex triplet	4228a0	`#4228a0`
RGB Decimal	66, 40, 160	`rgb(66,40,160)`
RGB Percent	25.9, 15.7, 62.7	`rgb(25.9%,15.7%,62.7%)`
CMYK	59, 75, 0, 37
HSL	253°, 60, 39.2	`hsl(253,60%,39.2%)`
HSV (or HSB)	253°, 75, 62.7
Web Safe	333399	`#333399`

CIE-LAB	27.335, 44.021, -60.664
XYZ	9.35, 5.214, 33.769
xyY	0.193, 0.108, 5.214
CIE-LCH	27.335, 74.953, 305.967
CIE-LUV	27.335, 0.063, -78.138
Hunter-Lab	22.833, 33.132, -71.704
Binary	01000010, 00101000, 10100000

#4228a0
```
#4228a0 rgb(66,40,160)
```
#86a028
```
#86a028 rgb(134,160,40)
```

Complementary Color

#284aa0
```
#284aa0 rgb(40,74,160)
```
#4228a0
```
#4228a0 rgb(66,40,160)
```
#7e28a0
```
#7e28a0 rgb(126,40,160)
```

Analogous Color

#4aa028
```
#4aa028 rgb(74,160,40)
```
#4228a0
```
#4228a0 rgb(66,40,160)
```
#a07e28
```
#a07e28 rgb(160,126,40)
```

Split Complementary Color

#28a042
```
#28a042 rgb(40,160,66)
```
#4228a0
```
#4228a0 rgb(66,40,160)
```
#a04228
```
#a04228 rgb(160,66,40)
```

Triadic Color

#2886a0
```
#2886a0 rgb(40,134,160)
```
#4228a0
```
#4228a0 rgb(66,40,160)
```
#a04228
```
#a04228 rgb(160,66,40)
```
#86a028
```
#86a028 rgb(134,160,40)
```

Tetradic Color

#291963
```
#291963 rgb(41,25,99)
```
#311e77
```
#311e77 rgb(49,30,119)
```
#3a238c
```
#3a238c rgb(58,35,140)
```
#4228a0
```
#4228a0 rgb(66,40,160)
```
#4a2db4
```
#4a2db4 rgb(74,45,180)
```
#5332c9
```
#5332c9 rgb(83,50,201)
```
#6344d0
```
#6344d0 rgb(99,68,208)
```

Monochromatic Color

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

#282ca0
```
#282ca0 rgb(40,44,160)
```
#2e28a0
```
#2e28a0 rgb(46,40,160)
```
#3828a0
```
#3828a0 rgb(56,40,160)
```
#4228a0
```
#4228a0 rgb(66,40,160)
```
#4c28a0
```
#4c28a0 rgb(76,40,160)
```
#5628a0
```
#5628a0 rgb(86,40,160)
```
#6028a0
```
#6028a0 rgb(96,40,160)
```

Similar Colors

Text with hexadecimal color #4228a0

This text has a font color of #4228a0.

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

#4228a0 background color

This paragraph has a background color of #4228a0.

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

#4228a0 border color

This element has a border color of #4228a0.

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

CSS codes

.text {color:#4228a0;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#080513
```
#080513 rgb(8,5,19)
```
#0e0922
```
#0e0922 rgb(14,9,34)
```
#150d32
```
#150d32 rgb(21,13,50)
```
#1b1042
```
#1b1042 rgb(27,16,66)
```
#221452
```
#221452 rgb(34,20,82)
```
#281861
```
#281861 rgb(40,24,97)
```
#2f1c71
```
#2f1c71 rgb(47,28,113)
```
#352081
```
#352081 rgb(53,32,129)
```
#3c2490
```
#3c2490 rgb(60,36,144)
```
#4228a0
```
#4228a0 rgb(66,40,160)
```
#482cb0
```
#482cb0 rgb(72,44,176)
```
#4f30bf
```
#4f30bf rgb(79,48,191)
```

Shade Color Variation

#5736cd
```
#5736cd rgb(87,54,205)
```
#6446d1
```
#6446d1 rgb(100,70,209)
```
#7155d5
```
#7155d5 rgb(113,85,213)
```
#7e65d9
```
#7e65d9 rgb(126,101,217)
```
#8b75dc
```
#8b75dc rgb(139,117,220)
```
#9885e0
```
#9885e0 rgb(152,133,224)
```
#a694e4
```
#a694e4 rgb(166,148,228)
```
#b3a4e8
```
#b3a4e8 rgb(179,164,232)
```
#c0b4ec
```
#c0b4ec rgb(192,180,236)
```
#cdc3f0
```
#cdc3f0 rgb(205,195,240)
```
#dad3f4
```
#dad3f4 rgb(218,211,244)
```
#e7e3f8
```
#e7e3f8 rgb(231,227,248)
```
#f4f2fc
```
#f4f2fc rgb(244,242,252)
```

Tint Color Variation

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

#615e6a
```
#615e6a rgb(97,94,106)
```
#5c5672
```
#5c5672 rgb(92,86,114)
```
#584e7a
```
#584e7a rgb(88,78,122)
```
#534781
```
#534781 rgb(83,71,129)
```
#4f3f89
```
#4f3f89 rgb(79,63,137)
```
#4b3791
```
#4b3791 rgb(75,55,145)
```
#463098
```
#463098 rgb(70,48,152)
```
#4228a0
```
#4228a0 rgb(66,40,160)
```
#3e20a8
```
#3e20a8 rgb(62,32,168)
```
#3919af
```
#3919af rgb(57,25,175)
```
#3511b7
```
#3511b7 rgb(53,17,183)
```
#3109bf
```
#3109bf rgb(49,9,191)
```
#2c02c6
```
#2c02c6 rgb(44,2,198)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3e3951 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488c Protanopia 1% of men
#004c7a Deuteranopia 1% of men
#1e5056 Tritanopia 0.001% of the population

Trichromacy

#183c93 Protanomaly 1% of men, 0.01% of women
#183f88 Deuteranomaly 6% of men, 0.4% of women
#2b4271 Tritanomaly 0.01% of the population

#4228a0 hex color

#4228a0 Color Information

#4228a0 Color Conversion

Color Schemes with #4228a0

Alternatives to #4228a0

#4228a0 Preview

Shades and Tints of #4228a0

Tones of #4228a0

Color Blindness Simulator