#3a00bc hex color

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

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

● #3a00bc color description : Strong violet.

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

Hex triplet	3a00bc	`#3a00bc`
RGB Decimal	58, 0, 188	`rgb(58,0,188)`
RGB Percent	22.7, 0, 73.7	`rgb(22.7%,0%,73.7%)`
CMYK	69, 100, 0, 26
HSL	258.5°, 100, 36.9	`hsl(258.5,100%,36.9%)`
HSV (or HSB)	258.5°, 100, 73.7
Web Safe	3300cc	`#3300cc`

CIE-LAB	25.351, 64.091, -80.791
XYZ	10.82, 4.53, 47.878
xyY	0.171, 0.072, 4.53
CIE-LCH	25.351, 103.125, 308.425
CIE-LUV	25.351, -1.066, -93.934
Hunter-Lab	21.284, 53.501, -118.477
Binary	00111010, 00000000, 10111100

#3a00bc
```
#3a00bc rgb(58,0,188)
```
#82bc00
```
#82bc00 rgb(130,188,0)
```

Complementary Color

#0024bc
```
#0024bc rgb(0,36,188)
```
#3a00bc
```
#3a00bc rgb(58,0,188)
```
#9800bc
```
#9800bc rgb(152,0,188)
```

Analogous Color

#24bc00
```
#24bc00 rgb(36,188,0)
```
#3a00bc
```
#3a00bc rgb(58,0,188)
```
#bc9800
```
#bc9800 rgb(188,152,0)
```

Split Complementary Color

#00bc3a
```
#00bc3a rgb(0,188,58)
```
#3a00bc
```
#3a00bc rgb(58,0,188)
```
#bc3a00
```
#bc3a00 rgb(188,58,0)
```

Triadic Color

#0082bc
```
#0082bc rgb(0,130,188)
```
#3a00bc
```
#3a00bc rgb(58,0,188)
```
#bc3a00
```
#bc3a00 rgb(188,58,0)
```
#82bc00
```
#82bc00 rgb(130,188,0)
```

Tetradic Color

#220070
```
#220070 rgb(34,0,112)
```
#2a0089
```
#2a0089 rgb(42,0,137)
```
#3200a3
```
#3200a3 rgb(50,0,163)
```
#3a00bc
```
#3a00bc rgb(58,0,188)
```
#4200d6
```
#4200d6 rgb(66,0,214)
```
#4a00ef
```
#4a00ef rgb(74,0,239)
```
#550aff
```
#550aff rgb(85,10,255)
```

Monochromatic Color

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

#0b00bc
```
#0b00bc rgb(11,0,188)
```
#1b00bc
```
#1b00bc rgb(27,0,188)
```
#2a00bc
```
#2a00bc rgb(42,0,188)
```
#3a00bc
```
#3a00bc rgb(58,0,188)
```
#4a00bc
```
#4a00bc rgb(74,0,188)
```
#5900bc
```
#5900bc rgb(89,0,188)
```
#6900bc
```
#6900bc rgb(105,0,188)
```

Similar Colors

Text with hexadecimal color #3a00bc

This text has a font color of #3a00bc.

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

#3a00bc background color

This paragraph has a background color of #3a00bc.

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

#3a00bc border color

This element has a border color of #3a00bc.

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

CSS codes

.text {color:#3a00bc;}

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

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

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

#04000b
```
#04000b rgb(4,0,11)
```
#0a001f
```
#0a001f rgb(10,0,31)
```
#100033
```
#100033 rgb(16,0,51)
```
#160046
```
#160046 rgb(22,0,70)
```
#1c005a
```
#1c005a rgb(28,0,90)
```
#22006e
```
#22006e rgb(34,0,110)
```
#280081
```
#280081 rgb(40,0,129)
```
#2e0095
```
#2e0095 rgb(46,0,149)
```
#3400a8
```
#3400a8 rgb(52,0,168)
```
#3a00bc
```
#3a00bc rgb(58,0,188)
```
#4000d0
```
#4000d0 rgb(64,0,208)
```
#4600e3
```
#4600e3 rgb(70,0,227)
```
#4c00f7
```
#4c00f7 rgb(76,0,247)
```

Shade Color Variation

#570bff
```
#570bff rgb(87,11,255)
```
#641fff
```
#641fff rgb(100,31,255)
```
#7233ff
```
#7233ff rgb(114,51,255)
```
#7f46ff
```
#7f46ff rgb(127,70,255)
```
#8d5aff
```
#8d5aff rgb(141,90,255)
```
#9a6eff
```
#9a6eff rgb(154,110,255)
```
#a881ff
```
#a881ff rgb(168,129,255)
```
#b695ff
```
#b695ff rgb(182,149,255)
```
#c3a8ff
```
#c3a8ff rgb(195,168,255)
```
#d1bcff
```
#d1bcff rgb(209,188,255)
```
#ded0ff
```
#ded0ff rgb(222,208,255)
```
#ece3ff
```
#ece3ff rgb(236,227,255)
```
#f9f7ff
```
#f9f7ff rgb(249,247,255)
```

Tint Color Variation

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

#5b5765
```
#5b5765 rgb(91,87,101)
```
#58506c
```
#58506c rgb(88,80,108)
```
#564874
```
#564874 rgb(86,72,116)
```
#53417b
```
#53417b rgb(83,65,123)
```
#503a82
```
#503a82 rgb(80,58,130)
```
#4d3389
```
#4d3389 rgb(77,51,137)
```
#4b2b91
```
#4b2b91 rgb(75,43,145)
```
#482498
```
#482498 rgb(72,36,152)
```
#451d9f
```
#451d9f rgb(69,29,159)
```
#4216a6
```
#4216a6 rgb(66,22,166)
```
#400eae
```
#400eae rgb(64,14,174)
```
#3d07b5
```
#3d07b5 rgb(61,7,181)
```
#3a00bc
```
#3a00bc rgb(58,0,188)
```

Tone Color Variation

Below, you can see how #3a00bc 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

#272727 Achromatopsia 0.005% of the population
#2b1f45 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

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

#3a00bc hex color

#3a00bc Color Information

#3a00bc Color Conversion

Color Schemes with #3a00bc

Alternatives to #3a00bc

#3a00bc Preview

Shades and Tints of #3a00bc

Tones of #3a00bc

Color Blindness Simulator