#330caf hex color

In a RGB color space, hex #330caf is composed of 20% red, 4.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 93.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 254.4 degrees, a saturation of 87.2% and a lightness of 36.7%. #330caf color hex could be obtained by blending #6618ff with #00005f. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 20
- G 5
- B 69
RGB color chart
- C 71
- M 93
- Y 0
- K 31
CMYK color chart

● #330caf color description : Dark blue.

The hexadecimal color #330caf has RGB values of R:51, G:12, B:175 and CMYK values of C:0.71, M:0.93, Y:0, K:0.31. Its decimal value is 3345583.

Hex triplet	330caf	`#330caf`
RGB Decimal	51, 12, 175	`rgb(51,12,175)`
RGB Percent	20, 4.7, 68.6	`rgb(20%,4.7%,68.6%)`
CMYK	71, 93, 0, 31
HSL	254.4°, 87.2, 36.7	`hsl(254.4,87.2%,36.7%)`
HSV (or HSB)	254.4°, 93.1, 68.6
Web Safe	330099	`#330099`

CIE-LAB	23.874, 57.979, -75.503
XYZ	9.233, 4.061, 40.852
xyY	0.171, 0.075, 4.061
CIE-LCH	23.874, 95.195, 307.521
CIE-LUV	23.874, -1.922, -86.484
Hunter-Lab	20.153, 46.512, -106.08
Binary	00110011, 00001100, 10101111

#330caf
```
#330caf rgb(51,12,175)
```
#88af0c
```
#88af0c rgb(136,175,12)
```

Complementary Color

#0c37af
```
#0c37af rgb(12,55,175)
```
#330caf
```
#330caf rgb(51,12,175)
```
#850caf
```
#850caf rgb(133,12,175)
```

Analogous Color

#37af0c
```
#37af0c rgb(55,175,12)
```
#330caf
```
#330caf rgb(51,12,175)
```
#af850c
```
#af850c rgb(175,133,12)
```

Split Complementary Color

#0caf33
```
#0caf33 rgb(12,175,51)
```
#330caf
```
#330caf rgb(51,12,175)
```
#af330c
```
#af330c rgb(175,51,12)
```

Triadic Color

#0c88af
```
#0c88af rgb(12,136,175)
```
#330caf
```
#330caf rgb(51,12,175)
```
#af330c
```
#af330c rgb(175,51,12)
```
#88af0c
```
#88af0c rgb(136,175,12)
```

Tetradic Color

#1e0767
```
#1e0767 rgb(30,7,103)
```
#25097f
```
#25097f rgb(37,9,127)
```
#2c0a97
```
#2c0a97 rgb(44,10,151)
```
#330caf
```
#330caf rgb(51,12,175)
```
#3a0ec7
```
#3a0ec7 rgb(58,14,199)
```
#410fdf
```
#410fdf rgb(65,15,223)
```
#4c18ef
```
#4c18ef rgb(76,24,239)
```

Monochromatic Color

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

#0c0eaf
```
#0c0eaf rgb(12,14,175)
```
#180caf
```
#180caf rgb(24,12,175)
```
#250caf
```
#250caf rgb(37,12,175)
```
#330caf
```
#330caf rgb(51,12,175)
```
#410caf
```
#410caf rgb(65,12,175)
```
#4e0caf
```
#4e0caf rgb(78,12,175)
```
#5c0caf
```
#5c0caf rgb(92,12,175)
```

Similar Colors

Text with hexadecimal color #330caf

This text has a font color of #330caf.

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

#330caf background color

This paragraph has a background color of #330caf.

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

#330caf border color

This element has a border color of #330caf.

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

CSS codes

.text {color:#330caf;}

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

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

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, #03010a is the darkest color, while #f8f6fe is the lightest one.

#03010a
```
#03010a rgb(3,1,10)
```
#08021c
```
#08021c rgb(8,2,28)
```
#0e032f
```
#0e032f rgb(14,3,47)
```
#130441
```
#130441 rgb(19,4,65)
```
#180653
```
#180653 rgb(24,6,83)
```
#1e0766
```
#1e0766 rgb(30,7,102)
```
#230878
```
#230878 rgb(35,8,120)
```
#28098a
```
#28098a rgb(40,9,138)
```
#2e0b9d
```
#2e0b9d rgb(46,11,157)
```
#330caf
```
#330caf rgb(51,12,175)
```
#380dc1
```
#380dc1 rgb(56,13,193)
```
#3e0fd4
```
#3e0fd4 rgb(62,15,212)
```
#4310e6
```
#4310e6 rgb(67,16,230)
```

Shade Color Variation

#4d1aef
```
#4d1aef rgb(77,26,239)
```
#5b2df1
```
#5b2df1 rgb(91,45,241)
```
#6a3ff2
```
#6a3ff2 rgb(106,63,242)
```
#7851f3
```
#7851f3 rgb(120,81,243)
```
#8664f4
```
#8664f4 rgb(134,100,244)
```
#9476f6
```
#9476f6 rgb(148,118,246)
```
#a388f7
```
#a388f7 rgb(163,136,247)
```
#b19bf8
```
#b19bf8 rgb(177,155,248)
```
#bfadf9
```
#bfadf9 rgb(191,173,249)
```
#cebffb
```
#cebffb rgb(206,191,251)
```
#dcd2fc
```
#dcd2fc rgb(220,210,252)
```
#eae4fd
```
#eae4fd rgb(234,228,253)
```
#f8f6fe
```
#f8f6fe rgb(248,246,254)
```

Tint Color Variation

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

#5c5b60
```
#5c5b60 rgb(92,91,96)
```
#595467
```
#595467 rgb(89,84,103)
```
#554d6e
```
#554d6e rgb(85,77,110)
```
#514675
```
#514675 rgb(81,70,117)
```
#4d3e7d
```
#4d3e7d rgb(77,62,125)
```
#4a3784
```
#4a3784 rgb(74,55,132)
```
#46308b
```
#46308b rgb(70,48,139)
```
#422992
```
#422992 rgb(66,41,146)
```
#3e2299
```
#3e2299 rgb(62,34,153)
```
#3b1aa1
```
#3b1aa1 rgb(59,26,161)
```
#3713a8
```
#3713a8 rgb(55,19,168)
```
#330caf
```
#330caf rgb(51,12,175)
```
#2f05b6
```
#2f05b6 rgb(47,5,182)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2c2445 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417e Protanopia 1% of men
#00456d Deuteranopia 1% of men
#00494d Tritanopia 0.001% of the population

Trichromacy

#122d90 Protanomaly 1% of men, 0.01% of women
#123085 Deuteranomaly 6% of men, 0.4% of women
#123370 Tritanomaly 0.01% of the population

#330caf hex color

#330caf Color Information

#330caf Color Conversion

Color Schemes with #330caf

Alternatives to #330caf

#330caf Preview

Shades and Tints of #330caf

Tones of #330caf

Color Blindness Simulator