#3a12ff hex color

In a RGB color space, hex #3a12ff is composed of 22.7% red, 7.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 92.9% magenta, 0% yellow and 0% black. It has a hue angle of 250.1 degrees, a saturation of 100% and a lightness of 53.5%. #3a12ff color hex could be obtained by blending #7424ff with #0000ff. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 23
- G 7
- B 100
RGB color chart
- C 77
- M 93
- Y 0
- K 0
CMYK color chart

● #3a12ff color description : Vivid blue.

The hexadecimal color #3a12ff has RGB values of R:58, G:18, B:255 and CMYK values of C:0.77, M:0.93, Y:0, K:0. Its decimal value is 3805951.

Hex triplet	3a12ff	`#3a12ff`
RGB Decimal	58, 18, 255	`rgb(58,18,255)`
RGB Percent	22.7, 7.1, 100	`rgb(22.7%,7.1%,100%)`
CMYK	77, 93, 0, 0
HSL	250.1°, 100, 53.5	`hsl(250.1,100%,53.5%)`
HSV (or HSB)	250.1°, 92.9, 100
Web Safe	3300ff	`#3300ff`

CIE-LAB	35.105, 77.154, -103.132
XYZ	20.008, 8.551, 95.198
xyY	0.162, 0.069, 8.551
CIE-LCH	35.105, 128.798, 306.801
CIE-LUV	35.105, -6.106, -132.783
Hunter-Lab	29.242, 70.958, -172.551
Binary	00111010, 00010010, 11111111

#3a12ff
```
#3a12ff rgb(58,18,255)
```
#d7ff12
```
#d7ff12 rgb(215,255,18)
```

Complementary Color

#1261ff
```
#1261ff rgb(18,97,255)
```
#3a12ff
```
#3a12ff rgb(58,18,255)
```
#b112ff
```
#b112ff rgb(177,18,255)
```

Analogous Color

#61ff12
```
#61ff12 rgb(97,255,18)
```
#3a12ff
```
#3a12ff rgb(58,18,255)
```
#ffb112
```
#ffb112 rgb(255,177,18)
```

Split Complementary Color

#12ff3a
```
#12ff3a rgb(18,255,58)
```
#3a12ff
```
#3a12ff rgb(58,18,255)
```
#ff3a12
```
#ff3a12 rgb(255,58,18)
```

Triadic Color

#12d7ff
```
#12d7ff rgb(18,215,255)
```
#3a12ff
```
#3a12ff rgb(58,18,255)
```
#ff3a12
```
#ff3a12 rgb(255,58,18)
```
#d7ff12
```
#d7ff12 rgb(215,255,18)
```

Tetradic Color

#2100c5
```
#2100c5 rgb(33,0,197)
```
#2500de
```
#2500de rgb(37,0,222)
```
#2a00f8
```
#2a00f8 rgb(42,0,248)
```
#3a12ff
```
#3a12ff rgb(58,18,255)
```
#4f2cff
```
#4f2cff rgb(79,44,255)
```
#6445ff
```
#6445ff rgb(100,69,255)
```
#7a5fff
```
#7a5fff rgb(122,95,255)
```

Monochromatic Color

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

#1225ff
```
#1225ff rgb(18,37,255)
```
#1312ff
```
#1312ff rgb(19,18,255)
```
#2612ff
```
#2612ff rgb(38,18,255)
```
#3a12ff
```
#3a12ff rgb(58,18,255)
```
#4e12ff
```
#4e12ff rgb(78,18,255)
```
#6212ff
```
#6212ff rgb(98,18,255)
```
#7512ff
```
#7512ff rgb(117,18,255)
```

Similar Colors

Text with hexadecimal color #3a12ff

This text has a font color of #3a12ff.

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

#3a12ff background color

This paragraph has a background color of #3a12ff.

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

#3a12ff border color

This element has a border color of #3a12ff.

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

CSS codes

.text {color:#3a12ff;}

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

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

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

#030012
```
#030012 rgb(3,0,18)
```
#060026
```
#060026 rgb(6,0,38)
```
#0a0039
```
#0a0039 rgb(10,0,57)
```
#0d004d
```
#0d004d rgb(13,0,77)
```
#100060
```
#100060 rgb(16,0,96)
```
#140074
```
#140074 rgb(20,0,116)
```
#170088
```
#170088 rgb(23,0,136)
```
#1a009b
```
#1a009b rgb(26,0,155)
```
#1e00af
```
#1e00af rgb(30,0,175)
```
#2100c3
```
#2100c3 rgb(33,0,195)
```
#2400d6
```
#2400d6 rgb(36,0,214)
```
#2700ea
```
#2700ea rgb(39,0,234)
```
#2b00fd
```
#2b00fd rgb(43,0,253)
```

Shade Color Variation

#3a12ff
```
#3a12ff rgb(58,18,255)
```
#4a26ff
```
#4a26ff rgb(74,38,255)
```
#5b39ff
```
#5b39ff rgb(91,57,255)
```
#6b4dff
```
#6b4dff rgb(107,77,255)
```
#7b60ff
```
#7b60ff rgb(123,96,255)
```
#8c74ff
```
#8c74ff rgb(140,116,255)
```
#9c88ff
```
#9c88ff rgb(156,136,255)
```
#ac9bff
```
#ac9bff rgb(172,155,255)
```
#bcafff
```
#bcafff rgb(188,175,255)
```
#cdc3ff
```
#cdc3ff rgb(205,195,255)
```
#ddd6ff
```
#ddd6ff rgb(221,214,255)
```
#edeaff
```
#edeaff rgb(237,234,255)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#827f92
```
#827f92 rgb(130,127,146)
```
#7c769b
```
#7c769b rgb(124,118,155)
```
#766da4
```
#766da4 rgb(118,109,164)
```
#7064ad
```
#7064ad rgb(112,100,173)
```
#6a5bb6
```
#6a5bb6 rgb(106,91,182)
```
#6452bf
```
#6452bf rgb(100,82,191)
```
#5e49c8
```
#5e49c8 rgb(94,73,200)
```
#5840d1
```
#5840d1 rgb(88,64,209)
```
#5236db
```
#5236db rgb(82,54,219)
```
#4c2de4
```
#4c2de4 rgb(76,45,228)
```
#4624ed
```
#4624ed rgb(70,36,237)
```
#401bf6
```
#401bf6 rgb(64,27,246)
```
#3a12ff
```
#3a12ff rgb(58,18,255)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#393161 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ac Protanopia 1% of men
#005e94 Deuteranopia 1% of men
#006469 Tritanopia 0.001% of the population

Trichromacy

#153fca Protanomaly 1% of men, 0.01% of women
#1542bb Deuteranomaly 6% of men, 0.4% of women
#15469f Tritanomaly 0.01% of the population

#3a12ff hex color

#3a12ff Color Information

#3a12ff Color Conversion

Color Schemes with #3a12ff

Alternatives to #3a12ff

#3a12ff Preview

Shades and Tints of #3a12ff

Tones of #3a12ff

Color Blindness Simulator