#3070ed hex color

In a RGB color space, hex #3070ed is composed of 18.8% red, 43.9% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 52.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 219.7 degrees, a saturation of 84% and a lightness of 55.9%. #3070ed color hex could be obtained by blending #60e0ff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 44
- B 93
RGB color chart
- C 80
- M 53
- Y 0
- K 7
CMYK color chart

● #3070ed color description : Bright blue.

The hexadecimal color #3070ed has RGB values of R:48, G:112, B:237 and CMYK values of C:0.8, M:0.53, Y:0, K:0.07. Its decimal value is 3174637.

Hex triplet	3070ed	`#3070ed`
RGB Decimal	48, 112, 237	`rgb(48,112,237)`
RGB Percent	18.8, 43.9, 92.9	`rgb(18.8%,43.9%,92.9%)`
CMYK	80, 53, 0, 7
HSL	219.7°, 84, 55.9	`hsl(219.7,84%,55.9%)`
HSV (or HSB)	219.7°, 79.7, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.893, 24.342, -68.707
XYZ	22.296, 18.329, 82.479
xyY	0.181, 0.149, 18.329
CIE-LCH	49.893, 72.892, 289.509
CIE-LUV	49.893, -22.119, -107.324
Hunter-Lab	42.813, 18.036, -84.253
Binary	00110000, 01110000, 11101101

#3070ed
```
#3070ed rgb(48,112,237)
```
#edad30
```
#edad30 rgb(237,173,48)
```

Complementary Color

#30cfed
```
#30cfed rgb(48,207,237)
```
#3070ed
```
#3070ed rgb(48,112,237)
```
#4f30ed
```
#4f30ed rgb(79,48,237)
```

Analogous Color

#cfed30
```
#cfed30 rgb(207,237,48)
```
#3070ed
```
#3070ed rgb(48,112,237)
```
#ed4f30
```
#ed4f30 rgb(237,79,48)
```

Split Complementary Color

#70ed30
```
#70ed30 rgb(112,237,48)
```
#3070ed
```
#3070ed rgb(48,112,237)
```
#ed3070
```
#ed3070 rgb(237,48,112)
```

Triadic Color

#30edad
```
#30edad rgb(48,237,173)
```
#3070ed
```
#3070ed rgb(48,112,237)
```
#ed3070
```
#ed3070 rgb(237,48,112)
```
#edad30
```
#edad30 rgb(237,173,48)
```

Tetradic Color

#114cc0
```
#114cc0 rgb(17,76,192)
```
#1355d7
```
#1355d7 rgb(19,85,215)
```
#1960eb
```
#1960eb rgb(25,96,235)
```
#3070ed
```
#3070ed rgb(48,112,237)
```
#4780ef
```
#4780ef rgb(71,128,239)
```
#5f90f1
```
#5f90f1 rgb(95,144,241)
```
#76a1f3
```
#76a1f3 rgb(118,161,243)
```

Monochromatic Color

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

#309fed
```
#309fed rgb(48,159,237)
```
#3090ed
```
#3090ed rgb(48,144,237)
```
#3080ed
```
#3080ed rgb(48,128,237)
```
#3070ed
```
#3070ed rgb(48,112,237)
```
#3060ed
```
#3060ed rgb(48,96,237)
```
#3051ed
```
#3051ed rgb(48,81,237)
```
#3041ed
```
#3041ed rgb(48,65,237)
```

Similar Colors

Text with hexadecimal color #3070ed

This text has a font color of #3070ed.

<span style="color:#3070ed;">Text here</span>

#3070ed background color

This paragraph has a background color of #3070ed.

<p style="background-color:#3070ed;">Content here</p>

#3070ed border color

This element has a border color of #3070ed.

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

CSS codes

.text {color:#3070ed;}

.background {background-color:#3070ed;}

.border {border:1px solid #3070ed;}

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

#01040a
```
#01040a rgb(1,4,10)
```
#020b1c
```
#020b1c rgb(2,11,28)
```
#04122e
```
#04122e rgb(4,18,46)
```
#061940
```
#061940 rgb(6,25,64)
```
#072052
```
#072052 rgb(7,32,82)
```
#092864
```
#092864 rgb(9,40,100)
```
#0a2f76
```
#0a2f76 rgb(10,47,118)
```
#0c3688
```
#0c3688 rgb(12,54,136)
```
#0d3d9a
```
#0d3d9a rgb(13,61,154)
```
#0f44ac
```
#0f44ac rgb(15,68,172)
```
#114bbe
```
#114bbe rgb(17,75,190)
```
#1252d0
```
#1252d0 rgb(18,82,208)
```
#145ae2
```
#145ae2 rgb(20,90,226)
```

Shade Color Variation

#1e64eb
```
#1e64eb rgb(30,100,235)
```
#3070ed
```
#3070ed rgb(48,112,237)
```
#427cef
```
#427cef rgb(66,124,239)
```
#5489f0
```
#5489f0 rgb(84,137,240)
```
#6695f2
```
#6695f2 rgb(102,149,242)
```
#78a2f3
```
#78a2f3 rgb(120,162,243)
```
#8aaef5
```
#8aaef5 rgb(138,174,245)
```
#9cbbf6
```
#9cbbf6 rgb(156,187,246)
```
#aec7f8
```
#aec7f8 rgb(174,199,248)
```
#c0d4fa
```
#c0d4fa rgb(192,212,250)
```
#d2e0fb
```
#d2e0fb rgb(210,224,251)
```
#e4edfd
```
#e4edfd rgb(228,237,253)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878c96 is the less saturated color, while #1f6afe is the most saturated one.

#878c96
```
#878c96 rgb(135,140,150)
```
#7e899f
```
#7e899f rgb(126,137,159)
```
#7586a8
```
#7586a8 rgb(117,134,168)
```
#6d84b0
```
#6d84b0 rgb(109,132,176)
```
#6481b9
```
#6481b9 rgb(100,129,185)
```
#5b7ec2
```
#5b7ec2 rgb(91,126,194)
```
#537bca
```
#537bca rgb(83,123,202)
```
#4a78d3
```
#4a78d3 rgb(74,120,211)
```
#4176dc
```
#4176dc rgb(65,118,220)
```
#3973e4
```
#3973e4 rgb(57,115,228)
```
#3070ed
```
#3070ed rgb(48,112,237)
```
#276df6
```
#276df6 rgb(39,109,246)
```
#1f6afe
```
#1f6afe rgb(31,106,254)
```

Tone Color Variation

Below, you can see how #3070ed 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

#6b6b6b Achromatopsia 0.005% of the population
#5f6c85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ef Protanopia 1% of men
#0080d1 Deuteranopia 1% of men
#008a92 Tritanopia 0.001% of the population

Trichromacy

#1176ee Protanomaly 1% of men, 0.01% of women
#117adb Deuteranomaly 6% of men, 0.4% of women
#1180b3 Tritanomaly 0.01% of the population

#3070ed hex color

#3070ed Color Information

#3070ed Color Conversion

Color Schemes with #3070ed

Alternatives to #3070ed

#3070ed Preview

Shades and Tints of #3070ed

Tones of #3070ed

Color Blindness Simulator