#3a02bc hex color

In a RGB color space, hex #3a02bc is composed of 22.7% red, 0.8% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 98.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 258.1 degrees, a saturation of 97.9% and a lightness of 37.3%. #3a02bc color hex could be obtained by blending #7404ff with #000079. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 23
- G 1
- B 74
RGB color chart
- C 69
- M 99
- Y 0
- K 26
CMYK color chart

● #3a02bc color description : Strong violet.

The hexadecimal color #3a02bc has RGB values of R:58, G:2, B:188 and CMYK values of C:0.69, M:0.99, Y:0, K:0.26. Its decimal value is 3801788.

Hex triplet	3a02bc	`#3a02bc`
RGB Decimal	58, 2, 188	`rgb(58,2,188)`
RGB Percent	22.7, 0.8, 73.7	`rgb(22.7%,0.8%,73.7%)`
CMYK	69, 99, 0, 26
HSL	258.1°, 97.9, 37.3	`hsl(258.1,97.9%,37.3%)`
HSV (or HSB)	258.1°, 98.9, 73.7
Web Safe	3300cc	`#3300cc`

CIE-LAB	25.483, 63.685, -80.572
XYZ	10.842, 4.573, 47.886
xyY	0.171, 0.072, 4.573
CIE-LCH	25.483, 102.701, 308.323
CIE-LUV	25.483, -1.143, -94.031
Hunter-Lab	21.385, 53.073, -117.791
Binary	00111010, 00000010, 10111100

#3a02bc
```
#3a02bc rgb(58,2,188)
```
#84bc02
```
#84bc02 rgb(132,188,2)
```

Complementary Color

#0227bc
```
#0227bc rgb(2,39,188)
```
#3a02bc
```
#3a02bc rgb(58,2,188)
```
#9702bc
```
#9702bc rgb(151,2,188)
```

Analogous Color

#27bc02
```
#27bc02 rgb(39,188,2)
```
#3a02bc
```
#3a02bc rgb(58,2,188)
```
#bc9702
```
#bc9702 rgb(188,151,2)
```

Split Complementary Color

#02bc3a
```
#02bc3a rgb(2,188,58)
```
#3a02bc
```
#3a02bc rgb(58,2,188)
```
#bc3a02
```
#bc3a02 rgb(188,58,2)
```

Triadic Color

#0284bc
```
#0284bc rgb(2,132,188)
```
#3a02bc
```
#3a02bc rgb(58,2,188)
```
#bc3a02
```
#bc3a02 rgb(188,58,2)
```
#84bc02
```
#84bc02 rgb(132,188,2)
```

Tetradic Color

#230170
```
#230170 rgb(35,1,112)
```
#2a018a
```
#2a018a rgb(42,1,138)
```
#3202a3
```
#3202a3 rgb(50,2,163)
```
#3a02bc
```
#3a02bc rgb(58,2,188)
```
#4202d5
```
#4202d5 rgb(66,2,213)
```
#4a03ee
```
#4a03ee rgb(74,3,238)
```
#560efc
```
#560efc rgb(86,14,252)
```

Monochromatic Color

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

#0b02bc
```
#0b02bc rgb(11,2,188)
```
#1b02bc
```
#1b02bc rgb(27,2,188)
```
#2a02bc
```
#2a02bc rgb(42,2,188)
```
#3a02bc
```
#3a02bc rgb(58,2,188)
```
#4902bc
```
#4902bc rgb(73,2,188)
```
#5902bc
```
#5902bc rgb(89,2,188)
```
#6902bc
```
#6902bc rgb(105,2,188)
```

Similar Colors

Text with hexadecimal color #3a02bc

This text has a font color of #3a02bc.

<span style="color:#3a02bc;">Text here</span>

#3a02bc background color

This paragraph has a background color of #3a02bc.

<p style="background-color:#3a02bc;">Content here</p>

#3a02bc border color

This element has a border color of #3a02bc.

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

CSS codes

.text {color:#3a02bc;}

.background {background-color:#3a02bc;}

.border {border:1px solid #3a02bc;}

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, #04000d is the darkest color, while #fbf9ff is the lightest one.

#04000d
```
#04000d rgb(4,0,13)
```
#0a0021
```
#0a0021 rgb(10,0,33)
```
#100134
```
#100134 rgb(16,1,52)
```
#160148
```
#160148 rgb(22,1,72)
```
#1c015b
```
#1c015b rgb(28,1,91)
```
#22016e
```
#22016e rgb(34,1,110)
```
#280182
```
#280182 rgb(40,1,130)
```
#2e0295
```
#2e0295 rgb(46,2,149)
```
#3402a9
```
#3402a9 rgb(52,2,169)
```
#3a02bc
```
#3a02bc rgb(58,2,188)
```
#4002cf
```
#4002cf rgb(64,2,207)
```
#4602e3
```
#4602e3 rgb(70,2,227)
```
#4c03f6
```
#4c03f6 rgb(76,3,246)
```

Shade Color Variation

#5710fc
```
#5710fc rgb(87,16,252)
```
#6523fd
```
#6523fd rgb(101,35,253)
```
#7237fd
```
#7237fd rgb(114,55,253)
```
#804afd
```
#804afd rgb(128,74,253)
```
#8e5efd
```
#8e5efd rgb(142,94,253)
```
#9b71fd
```
#9b71fd rgb(155,113,253)
```
#a984fe
```
#a984fe rgb(169,132,254)
```
#b798fe
```
#b798fe rgb(183,152,254)
```
#c4abfe
```
#c4abfe rgb(196,171,254)
```
#d2bffe
```
#d2bffe rgb(210,191,254)
```
#dfd2ff
```
#dfd2ff rgb(223,210,255)
```
#ede6ff
```
#ede6ff rgb(237,230,255)
```
#fbf9ff
```
#fbf9ff rgb(251,249,255)
```

Tint Color Variation

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

#5d5a64
```
#5d5a64 rgb(93,90,100)
```
#5a526c
```
#5a526c rgb(90,82,108)
```
#574b73
```
#574b73 rgb(87,75,115)
```
#54447a
```
#54447a rgb(84,68,122)
```
#513c82
```
#513c82 rgb(81,60,130)
```
#4e3589
```
#4e3589 rgb(78,53,137)
```
#4b2e90
```
#4b2e90 rgb(75,46,144)
```
#492797
```
#492797 rgb(73,39,151)
```
#461f9f
```
#461f9f rgb(70,31,159)
```
#4318a6
```
#4318a6 rgb(67,24,166)
```
#4011ad
```
#4011ad rgb(64,17,173)
```
#3d09b5
```
#3d09b5 rgb(61,9,181)
```
#3a02bc
```
#3a02bc rgb(58,2,188)
```

Tone Color Variation

Below, you can see how #3a02bc 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
#2c2046 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004484 Protanopia 1% of men
#004872 Deuteranopia 1% of men
#004d51 Tritanopia 0.001% of the population

Trichromacy

#152c98 Protanomaly 1% of men, 0.01% of women
#152e8d Deuteranomaly 6% of men, 0.4% of women
#153278 Tritanomaly 0.01% of the population

#3a02bc hex color

#3a02bc Color Information

#3a02bc Color Conversion

Color Schemes with #3a02bc

Alternatives to #3a02bc

#3a02bc Preview

Shades and Tints of #3a02bc

Tones of #3a02bc

Color Blindness Simulator