#3022dd hex color

In a RGB color space, hex #3022dd is composed of 18.8% red, 13.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 84.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 244.5 degrees, a saturation of 73.3% and a lightness of 50%. #3022dd color hex could be obtained by blending #6044ff with #0000bb. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 13
- B 87
RGB color chart
- C 78
- M 85
- Y 0
- K 13
CMYK color chart

● #3022dd color description : Bright blue.

The hexadecimal color #3022dd has RGB values of R:48, G:34, B:221 and CMYK values of C:0.78, M:0.85, Y:0, K:0.13. Its decimal value is 3154653.

Hex triplet	3022dd	`#3022dd`
RGB Decimal	48, 34, 221	`rgb(48,34,221)`
RGB Percent	18.8, 13.3, 86.7	`rgb(18.8%,13.3%,86.7%)`
CMYK	78, 85, 0, 13
HSL	244.5°, 73.3, 50	`hsl(244.5,73.3%,50%)`
HSV (or HSB)	244.5°, 84.6, 86.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.789, 63.249, -89.369
XYZ	14.84, 6.992, 68.97
xyY	0.163, 0.077, 6.992
CIE-LCH	31.789, 109.487, 305.288
CIE-LUV	31.789, -6.658, -113.925
Hunter-Lab	26.442, 53.901, -136.138
Binary	00110000, 00100010, 11011101

#3022dd
```
#3022dd rgb(48,34,221)
```
#cfdd22
```
#cfdd22 rgb(207,221,34)
```

Complementary Color

#2272dd
```
#2272dd rgb(34,114,221)
```
#3022dd
```
#3022dd rgb(48,34,221)
```
#8e22dd
```
#8e22dd rgb(142,34,221)
```

Analogous Color

#72dd22
```
#72dd22 rgb(114,221,34)
```
#3022dd
```
#3022dd rgb(48,34,221)
```
#dd8e22
```
#dd8e22 rgb(221,142,34)
```

Split Complementary Color

#22dd30
```
#22dd30 rgb(34,221,48)
```
#3022dd
```
#3022dd rgb(48,34,221)
```
#dd3022
```
#dd3022 rgb(221,48,34)
```

Triadic Color

#22cfdd
```
#22cfdd rgb(34,207,221)
```
#3022dd
```
#3022dd rgb(48,34,221)
```
#dd3022
```
#dd3022 rgb(221,48,34)
```
#cfdd22
```
#cfdd22 rgb(207,221,34)
```

Tetradic Color

#22189b
```
#22189b rgb(34,24,155)
```
#261bb1
```
#261bb1 rgb(38,27,177)
```
#2b1fc7
```
#2b1fc7 rgb(43,31,199)
```
#3022dd
```
#3022dd rgb(48,34,221)
```
#4538e0
```
#4538e0 rgb(69,56,224)
```
#594ee4
```
#594ee4 rgb(89,78,228)
```
#6e64e7
```
#6e64e7 rgb(110,100,231)
```

Monochromatic Color

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

#2243dd
```
#2243dd rgb(34,67,221)
```
#2233dd
```
#2233dd rgb(34,51,221)
```
#2224dd
```
#2224dd rgb(34,36,221)
```
#3022dd
```
#3022dd rgb(48,34,221)
```
#4022dd
```
#4022dd rgb(64,34,221)
```
#4f22dd
```
#4f22dd rgb(79,34,221)
```
#5f22dd
```
#5f22dd rgb(95,34,221)
```

Similar Colors

Text with hexadecimal color #3022dd

This text has a font color of #3022dd.

<span style="color:#3022dd;">Text here</span>

#3022dd background color

This paragraph has a background color of #3022dd.

<p style="background-color:#3022dd;">Content here</p>

#3022dd border color

This element has a border color of #3022dd.

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

CSS codes

.text {color:#3022dd;}

.background {background-color:#3022dd;}

.border {border:1px solid #3022dd;}

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

#040311
```
#040311 rgb(4,3,17)
```
#070522
```
#070522 rgb(7,5,34)
```
#0b0833
```
#0b0833 rgb(11,8,51)
```
#0f0a44
```
#0f0a44 rgb(15,10,68)
```
#120d55
```
#120d55 rgb(18,13,85)
```
#161066
```
#161066 rgb(22,16,102)
```
#1a1277
```
#1a1277 rgb(26,18,119)
```
#1e1588
```
#1e1588 rgb(30,21,136)
```
#211899
```
#211899 rgb(33,24,153)
```
#251aaa
```
#251aaa rgb(37,26,170)
```
#291dbb
```
#291dbb rgb(41,29,187)
```
#2c1fcc
```
#2c1fcc rgb(44,31,204)
```
#3022dd
```
#3022dd rgb(48,34,221)
```

Shade Color Variation

#4033e0
```
#4033e0 rgb(64,51,224)
```
#5044e2
```
#5044e2 rgb(80,68,226)
```
#6055e5
```
#6055e5 rgb(96,85,229)
```
#7066e7
```
#7066e7 rgb(112,102,231)
```
#8077ea
```
#8077ea rgb(128,119,234)
```
#9088ed
```
#9088ed rgb(144,136,237)
```
#9f99ef
```
#9f99ef rgb(159,153,239)
```
#afaaf2
```
#afaaf2 rgb(175,170,242)
```
#bfbbf5
```
#bfbbf5 rgb(191,187,245)
```
#cfccf7
```
#cfccf7 rgb(207,204,247)
```
#dfddfa
```
#dfddfa rgb(223,221,250)
```
#efeefc
```
#efeefc rgb(239,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7a85 is the less saturated color, while #1705fa is the most saturated one.

#7b7a85
```
#7b7a85 rgb(123,122,133)
```
#73708f
```
#73708f rgb(115,112,143)
```
#6a6798
```
#6a6798 rgb(106,103,152)
```
#625da2
```
#625da2 rgb(98,93,162)
```
#5a53ac
```
#5a53ac rgb(90,83,172)
```
#5149b6
```
#5149b6 rgb(81,73,182)
```
#493fc0
```
#493fc0 rgb(73,63,192)
```
#4136c9
```
#4136c9 rgb(65,54,201)
```
#382cd3
```
#382cd3 rgb(56,44,211)
```
#3022dd
```
#3022dd rgb(48,34,221)
```
#2818e7
```
#2818e7 rgb(40,24,231)
```
#1f0ef1
```
#1f0ef1 rgb(31,14,241)
```
#1705fa
```
#1705fa rgb(23,5,250)
```

Tone Color Variation

Below, you can see how #3022dd 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

#3c3c3c Achromatopsia 0.005% of the population
#3a375c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#005689 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#1140b5 Protanomaly 1% of men, 0.01% of women
#1143a7 Deuteranomaly 6% of men, 0.4% of women
#11478d Tritanomaly 0.01% of the population

#3022dd hex color

#3022dd Color Information

#3022dd Color Conversion

Color Schemes with #3022dd

Alternatives to #3022dd

#3022dd Preview

Shades and Tints of #3022dd

Tones of #3022dd

Color Blindness Simulator