#4228b0 hex color

In a RGB color space, hex #4228b0 is composed of 25.9% red, 15.7% green and 69% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 77.3% magenta, 0% yellow and 31% black. It has a hue angle of 251.5 degrees, a saturation of 63% and a lightness of 42.4%. #4228b0 color hex could be obtained by blending #8450ff with #000061. Closest websafe color is: #333399.

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

● #4228b0 color description : Dark blue.

The hexadecimal color #4228b0 has RGB values of R:66, G:40, B:176 and CMYK values of C:0.63, M:0.77, Y:0, K:0.31. Its decimal value is 4335792.

Hex triplet	4228b0	`#4228b0`
RGB Decimal	66, 40, 176	`rgb(66,40,176)`
RGB Percent	25.9, 15.7, 69	`rgb(25.9%,15.7%,69%)`
CMYK	63, 77, 0, 31
HSL	251.5°, 63, 42.4	`hsl(251.5,63%,42.4%)`
HSV (or HSB)	251.5°, 77.3, 69
Web Safe	333399	`#333399`

CIE-LAB	28.928, 48.824, -67.688
XYZ	10.841, 5.81, 41.622
xyY	0.186, 0.1, 5.81
CIE-LCH	28.928, 83.459, 305.803
CIE-LUV	28.928, -1.228, -87.887
Hunter-Lab	24.104, 38.097, -85.508
Binary	01000010, 00101000, 10110000

#4228b0
```
#4228b0 rgb(66,40,176)
```
#96b028
```
#96b028 rgb(150,176,40)
```

Complementary Color

#2852b0
```
#2852b0 rgb(40,82,176)
```
#4228b0
```
#4228b0 rgb(66,40,176)
```
#8628b0
```
#8628b0 rgb(134,40,176)
```

Analogous Color

#52b028
```
#52b028 rgb(82,176,40)
```
#4228b0
```
#4228b0 rgb(66,40,176)
```
#b08628
```
#b08628 rgb(176,134,40)
```

Split Complementary Color

#28b042
```
#28b042 rgb(40,176,66)
```
#4228b0
```
#4228b0 rgb(66,40,176)
```
#b04228
```
#b04228 rgb(176,66,40)
```

Triadic Color

#2896b0
```
#2896b0 rgb(40,150,176)
```
#4228b0
```
#4228b0 rgb(66,40,176)
```
#b04228
```
#b04228 rgb(176,66,40)
```
#96b028
```
#96b028 rgb(150,176,40)
```

Tetradic Color

#2b1a72
```
#2b1a72 rgb(43,26,114)
```
#321f86
```
#321f86 rgb(50,31,134)
```
#3a239b
```
#3a239b rgb(58,35,155)
```
#4228b0
```
#4228b0 rgb(66,40,176)
```
#4a2dc5
```
#4a2dc5 rgb(74,45,197)
```
#5639d2
```
#5639d2 rgb(86,57,210)
```
#684ed7
```
#684ed7 rgb(104,78,215)
```

Monochromatic Color

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

#2830b0
```
#2830b0 rgb(40,48,176)
```
#2b28b0
```
#2b28b0 rgb(43,40,176)
```
#3728b0
```
#3728b0 rgb(55,40,176)
```
#4228b0
```
#4228b0 rgb(66,40,176)
```
#4d28b0
```
#4d28b0 rgb(77,40,176)
```
#5928b0
```
#5928b0 rgb(89,40,176)
```
#6428b0
```
#6428b0 rgb(100,40,176)
```

Similar Colors

Text with hexadecimal color #4228b0

This text has a font color of #4228b0.

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

#4228b0 background color

This paragraph has a background color of #4228b0.

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

#4228b0 border color

This element has a border color of #4228b0.

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

CSS codes

.text {color:#4228b0;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060410
```
#060410 rgb(6,4,16)
```
#0c0720
```
#0c0720 rgb(12,7,32)
```
#120b30
```
#120b30 rgb(18,11,48)
```
#180f40
```
#180f40 rgb(24,15,64)
```
#1e1250
```
#1e1250 rgb(30,18,80)
```
#241660
```
#241660 rgb(36,22,96)
```
#2a1970
```
#2a1970 rgb(42,25,112)
```
#301d80
```
#301d80 rgb(48,29,128)
```
#362190
```
#362190 rgb(54,33,144)
```
#3c24a0
```
#3c24a0 rgb(60,36,160)
```
#4228b0
```
#4228b0 rgb(66,40,176)
```
#482cc0
```
#482cc0 rgb(72,44,192)
```

Shade Color Variation

#4e2fd0
```
#4e2fd0 rgb(78,47,208)
```
#5c3fd3
```
#5c3fd3 rgb(92,63,211)
```
#694fd7
```
#694fd7 rgb(105,79,215)
```
#775fdb
```
#775fdb rgb(119,95,219)
```
#856fde
```
#856fde rgb(133,111,222)
```
#927fe2
```
#927fe2 rgb(146,127,226)
```
#a08fe6
```
#a08fe6 rgb(160,143,230)
```
#ad9fe9
```
#ad9fe9 rgb(173,159,233)
```
#bbafed
```
#bbafed rgb(187,175,237)
```
#c9bff1
```
#c9bff1 rgb(201,191,241)
```
#d6cff4
```
#d6cff4 rgb(214,207,244)
```
#e4dff8
```
#e4dff8 rgb(228,223,248)
```
#f2effb
```
#f2effb rgb(242,239,251)
```

Tint Color Variation

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

#6b6a6e
```
#6b6a6e rgb(107,106,110)
```
#666276
```
#666276 rgb(102,98,118)
```
#615a7e
```
#615a7e rgb(97,90,126)
```
#5c5286
```
#5c5286 rgb(92,82,134)
```
#57498f
```
#57498f rgb(87,73,143)
```
#514197
```
#514197 rgb(81,65,151)
```
#4c399f
```
#4c399f rgb(76,57,159)
```
#4730a8
```
#4730a8 rgb(71,48,168)
```
#4228b0
```
#4228b0 rgb(66,40,176)
```
#3d20b8
```
#3d20b8 rgb(61,32,184)
```
#3817c1
```
#3817c1 rgb(56,23,193)
```
#330fc9
```
#330fc9 rgb(51,15,201)
```
#2d07d1
```
#2d07d1 rgb(45,7,209)
```

Tone Color Variation

Below, you can see how #4228b0 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
#403a56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b93 Protanopia 1% of men
#00507f Deuteranopia 1% of men
#00555b Tritanopia 0.001% of the population

Trichromacy

#183e9d Protanomaly 1% of men, 0.01% of women
#184191 Deuteranomaly 6% of men, 0.4% of women
#18447a Tritanomaly 0.01% of the population

#4228b0 hex color

#4228b0 Color Information

#4228b0 Color Conversion

Color Schemes with #4228b0

Alternatives to #4228b0

#4228b0 Preview

Shades and Tints of #4228b0

Tones of #4228b0

Color Blindness Simulator