#330ba4 hex color

In a RGB color space, hex #330ba4 is composed of 20% red, 4.3% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 93.3% magenta, 0% yellow and 35.7% black. It has a hue angle of 255.7 degrees, a saturation of 87.4% and a lightness of 34.3%. #330ba4 color hex could be obtained by blending #6616ff with #000049. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 20
- G 4
- B 64
RGB color chart
- C 69
- M 93
- Y 0
- K 36
CMYK color chart

● #330ba4 color description : Dark violet.

The hexadecimal color #330ba4 has RGB values of R:51, G:11, B:164 and CMYK values of C:0.69, M:0.93, Y:0, K:0.36. Its decimal value is 3345316.

Hex triplet	330ba4	`#330ba4`
RGB Decimal	51, 11, 164	`rgb(51,11,164)`
RGB Percent	20, 4.3, 64.3	`rgb(20%,4.3%,64.3%)`
CMYK	69, 93, 0, 36
HSL	255.7°, 87.4, 34.3	`hsl(255.7,87.4%,34.3%)`
HSV (or HSB)	255.7°, 93.3, 64.3
Web Safe	330099	`#330099`

CIE-LAB	22.384, 55.345, -71.329
XYZ	8.184, 3.623, 35.388
xyY	0.173, 0.077, 3.623
CIE-LCH	22.384, 90.282, 307.809
CIE-LUV	22.384, -1.098, -80.035
Hunter-Lab	19.035, 43.441, -96.905
Binary	00110011, 00001011, 10100100

#330ba4
```
#330ba4 rgb(51,11,164)
```
#7ca40b
```
#7ca40b rgb(124,164,11)
```

Complementary Color

#0b30a4
```
#0b30a4 rgb(11,48,164)
```
#330ba4
```
#330ba4 rgb(51,11,164)
```
#800ba4
```
#800ba4 rgb(128,11,164)
```

Analogous Color

#30a40b
```
#30a40b rgb(48,164,11)
```
#330ba4
```
#330ba4 rgb(51,11,164)
```
#a4800b
```
#a4800b rgb(164,128,11)
```

Split Complementary Color

#0ba433
```
#0ba433 rgb(11,164,51)
```
#330ba4
```
#330ba4 rgb(51,11,164)
```
#a4330b
```
#a4330b rgb(164,51,11)
```

Triadic Color

#0b7ca4
```
#0b7ca4 rgb(11,124,164)
```
#330ba4
```
#330ba4 rgb(51,11,164)
```
#a4330b
```
#a4330b rgb(164,51,11)
```
#7ca40b
```
#7ca40b rgb(124,164,11)
```

Tetradic Color

#1d065c
```
#1d065c rgb(29,6,92)
```
#240874
```
#240874 rgb(36,8,116)
```
#2c098c
```
#2c098c rgb(44,9,140)
```
#330ba4
```
#330ba4 rgb(51,11,164)
```
#3a0dbc
```
#3a0dbc rgb(58,13,188)
```
#420ed4
```
#420ed4 rgb(66,14,212)
```
#4910ec
```
#4910ec rgb(73,16,236)
```

Monochromatic Color

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

#0d0ba4
```
#0d0ba4 rgb(13,11,164)
```
#190ba4
```
#190ba4 rgb(25,11,164)
```
#260ba4
```
#260ba4 rgb(38,11,164)
```
#330ba4
```
#330ba4 rgb(51,11,164)
```
#400ba4
```
#400ba4 rgb(64,11,164)
```
#4d0ba4
```
#4d0ba4 rgb(77,11,164)
```
#590ba4
```
#590ba4 rgb(89,11,164)
```

Similar Colors

Text with hexadecimal color #330ba4

This text has a font color of #330ba4.

<span style="color:#330ba4;">Text here</span>

#330ba4 background color

This paragraph has a background color of #330ba4.

<p style="background-color:#330ba4;">Content here</p>

#330ba4 border color

This element has a border color of #330ba4.

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

CSS codes

.text {color:#330ba4;}

.background {background-color:#330ba4;}

.border {border:1px solid #330ba4;}

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

#050111
```
#050111 rgb(5,1,17)
```
#0b0223
```
#0b0223 rgb(11,2,35)
```
#110436
```
#110436 rgb(17,4,54)
```
#160548
```
#160548 rgb(22,5,72)
```
#1c065a
```
#1c065a rgb(28,6,90)
```
#22076d
```
#22076d rgb(34,7,109)
```
#28097f
```
#28097f rgb(40,9,127)
```
#2d0a92
```
#2d0a92 rgb(45,10,146)
```
#330ba4
```
#330ba4 rgb(51,11,164)
```
#390cb6
```
#390cb6 rgb(57,12,182)
```
#3e0dc9
```
#3e0dc9 rgb(62,13,201)
```
#440fdb
```
#440fdb rgb(68,15,219)
```
#4a10ee
```
#4a10ee rgb(74,16,238)
```

Shade Color Variation

#5721f0
```
#5721f0 rgb(87,33,240)
```
#6533f1
```
#6533f1 rgb(101,51,241)
```
#7346f3
```
#7346f3 rgb(115,70,243)
```
#8158f4
```
#8158f4 rgb(129,88,244)
```
#8f6af5
```
#8f6af5 rgb(143,106,245)
```
#9d7df6
```
#9d7df6 rgb(157,125,246)
```
#ab8ff8
```
#ab8ff8 rgb(171,143,248)
```
#b8a2f9
```
#b8a2f9 rgb(184,162,249)
```
#c6b4fa
```
#c6b4fa rgb(198,180,250)
```
#d4c6fb
```
#d4c6fb rgb(212,198,251)
```
#e2d9fc
```
#e2d9fc rgb(226,217,252)
```
#f0ebfe
```
#f0ebfe rgb(240,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #56555a is the less saturated color, while #3004ab is the most saturated one.

#56555a
```
#56555a rgb(86,85,90)
```
#534e61
```
#534e61 rgb(83,78,97)
```
#504867
```
#504867 rgb(80,72,103)
```
#4d416e
```
#4d416e rgb(77,65,110)
```
#493a75
```
#493a75 rgb(73,58,117)
```
#46337c
```
#46337c rgb(70,51,124)
```
#432d82
```
#432d82 rgb(67,45,130)
```
#402689
```
#402689 rgb(64,38,137)
```
#3d1f90
```
#3d1f90 rgb(61,31,144)
```
#391897
```
#391897 rgb(57,24,151)
```
#36129d
```
#36129d rgb(54,18,157)
```
#330ba4
```
#330ba4 rgb(51,11,164)
```
#3004ab
```
#3004ab rgb(48,4,171)
```

Tone Color Variation

Below, you can see how #330ba4 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

#282828 Achromatopsia 0.005% of the population
#2a2241 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e78 Protanopia 1% of men
#004168 Deuteranopia 1% of men
#00464a Tritanopia 0.001% of the population

Trichromacy

#122b88 Protanomaly 1% of men, 0.01% of women
#122d7e Deuteranomaly 6% of men, 0.4% of women
#12306a Tritanomaly 0.01% of the population

#330ba4 hex color

#330ba4 Color Information

#330ba4 Color Conversion

Color Schemes with #330ba4

Alternatives to #330ba4

#330ba4 Preview

Shades and Tints of #330ba4

Tones of #330ba4

Color Blindness Simulator