#3018d4 hex color

In a RGB color space, hex #3018d4 is composed of 18.8% red, 9.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 88.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 247.7 degrees, a saturation of 79.7% and a lightness of 46.3%. #3018d4 color hex could be obtained by blending #6030ff with #0000a9. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 19
- G 9
- B 83
RGB color chart
- C 77
- M 89
- Y 0
- K 17
CMYK color chart

● #3018d4 color description : Strong blue.

The hexadecimal color #3018d4 has RGB values of R:48, G:24, B:212 and CMYK values of C:0.77, M:0.89, Y:0, K:0.17. Its decimal value is 3152084.

Hex triplet	3018d4	`#3018d4`
RGB Decimal	48, 24, 212	`rgb(48,24,212)`
RGB Percent	18.8, 9.4, 83.1	`rgb(18.8%,9.4%,83.1%)`
CMYK	77, 89, 0, 17
HSL	247.7°, 79.7, 46.3	`hsl(247.7,79.7%,46.3%)`
HSV (or HSB)	247.7°, 88.7, 83.1
Web Safe	3300cc	`#3300cc`

CIE-LAB	29.499, 64.289, -87.982
XYZ	13.427, 6.034, 62.741
xyY	0.163, 0.073, 6.034
CIE-LCH	29.499, 108.968, 306.156
CIE-LUV	29.499, -5.374, -108.316
Hunter-Lab	24.565, 54.578, -134.237
Binary	00110000, 00011000, 11010100

#3018d4
```
#3018d4 rgb(48,24,212)
```
#bcd418
```
#bcd418 rgb(188,212,24)
```

Complementary Color

#185ed4
```
#185ed4 rgb(24,94,212)
```
#3018d4
```
#3018d4 rgb(48,24,212)
```
#8e18d4
```
#8e18d4 rgb(142,24,212)
```

Analogous Color

#5ed418
```
#5ed418 rgb(94,212,24)
```
#3018d4
```
#3018d4 rgb(48,24,212)
```
#d48e18
```
#d48e18 rgb(212,142,24)
```

Split Complementary Color

#18d430
```
#18d430 rgb(24,212,48)
```
#3018d4
```
#3018d4 rgb(48,24,212)
```
#d43018
```
#d43018 rgb(212,48,24)
```

Triadic Color

#18bcd4
```
#18bcd4 rgb(24,188,212)
```
#3018d4
```
#3018d4 rgb(48,24,212)
```
#d43018
```
#d43018 rgb(212,48,24)
```
#bcd418
```
#bcd418 rgb(188,212,24)
```

Tetradic Color

#20108f
```
#20108f rgb(32,16,143)
```
#2613a6
```
#2613a6 rgb(38,19,166)
```
#2b15bd
```
#2b15bd rgb(43,21,189)
```
#3018d4
```
#3018d4 rgb(48,24,212)
```
#3920e6
```
#3920e6 rgb(57,32,230)
```
#4d37e8
```
#4d37e8 rgb(77,55,232)
```
#624eeb
```
#624eeb rgb(98,78,235)
```

Monochromatic Color

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

#182fd4
```
#182fd4 rgb(24,47,212)
```
#181fd4
```
#181fd4 rgb(24,31,212)
```
#2018d4
```
#2018d4 rgb(32,24,212)
```
#3018d4
```
#3018d4 rgb(48,24,212)
```
#4018d4
```
#4018d4 rgb(64,24,212)
```
#4f18d4
```
#4f18d4 rgb(79,24,212)
```
#5f18d4
```
#5f18d4 rgb(95,24,212)
```

Similar Colors

Text with hexadecimal color #3018d4

This text has a font color of #3018d4.

<span style="color:#3018d4;">Text here</span>

#3018d4 background color

This paragraph has a background color of #3018d4.

<p style="background-color:#3018d4;">Content here</p>

#3018d4 border color

This element has a border color of #3018d4.

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

CSS codes

.text {color:#3018d4;}

.background {background-color:#3018d4;}

.border {border:1px solid #3018d4;}

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

#000001
```
#000001 rgb(0,0,1)
```
#040212
```
#040212 rgb(4,2,18)
```
#080424
```
#080424 rgb(8,4,36)
```
#0c0635
```
#0c0635 rgb(12,6,53)
```
#100847
```
#100847 rgb(16,8,71)
```
#140a59
```
#140a59 rgb(20,10,89)
```
#180c6a
```
#180c6a rgb(24,12,106)
```
#1c0e7c
```
#1c0e7c rgb(28,14,124)
```
#20108e
```
#20108e rgb(32,16,142)
```
#24129f
```
#24129f rgb(36,18,159)
```
#2814b1
```
#2814b1 rgb(40,20,177)
```
#2c16c2
```
#2c16c2 rgb(44,22,194)
```
#3018d4
```
#3018d4 rgb(48,24,212)
```

Shade Color Variation

#341ae5
```
#341ae5 rgb(52,26,229)
```
#442ce7
```
#442ce7 rgb(68,44,231)
```
#543ee9
```
#543ee9 rgb(84,62,233)
```
#634feb
```
#634feb rgb(99,79,235)
```
#7361ed
```
#7361ed rgb(115,97,237)
```
#8273ef
```
#8273ef rgb(130,115,239)
```
#9284f1
```
#9284f1 rgb(146,132,241)
```
#a296f3
```
#a296f3 rgb(162,150,243)
```
#b1a7f5
```
#b1a7f5 rgb(177,167,245)
```
#c1b9f7
```
#c1b9f7 rgb(193,185,247)
```
#d1cbf9
```
#d1cbf9 rgb(209,203,249)
```
#e0dcfb
```
#e0dcfb rgb(224,220,251)
```
#f0eefd
```
#f0eefd rgb(240,238,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747379 is the less saturated color, while #2206e6 is the most saturated one.

#747379
```
#747379 rgb(116,115,121)
```
#6d6a82
```
#6d6a82 rgb(109,106,130)
```
#66618b
```
#66618b rgb(102,97,139)
```
#5f5894
```
#5f5894 rgb(95,88,148)
```
#594e9e
```
#594e9e rgb(89,78,158)
```
#5245a7
```
#5245a7 rgb(82,69,167)
```
#4b3cb0
```
#4b3cb0 rgb(75,60,176)
```
#4433b9
```
#4433b9 rgb(68,51,185)
```
#3e2ac2
```
#3e2ac2 rgb(62,42,194)
```
#3721cb
```
#3721cb rgb(55,33,203)
```
#3018d4
```
#3018d4 rgb(48,24,212)
```
#290fdd
```
#290fdd rgb(41,15,221)
```
#2206e6
```
#2206e6 rgb(34,6,230)
```

Tone Color Variation

Below, you can see how #3018d4 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

#353535 Achromatopsia 0.005% of the population
#342f55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d95 Protanopia 1% of men
#005180 Deuteranopia 1% of men
#00575a Tritanopia 0.001% of the population

Trichromacy

#1139ac Protanomaly 1% of men, 0.01% of women
#113c9f Deuteranomaly 6% of men, 0.4% of women
#114086 Tritanomaly 0.01% of the population

#3018d4 hex color

#3018d4 Color Information

#3018d4 Color Conversion

Color Schemes with #3018d4

Alternatives to #3018d4

#3018d4 Preview

Shades and Tints of #3018d4

Tones of #3018d4

Color Blindness Simulator