#3094e2 hex color

In a RGB color space, hex #3094e2 is composed of 18.8% red, 58% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 34.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 206.3 degrees, a saturation of 75.4% and a lightness of 53.7%. #3094e2 color hex could be obtained by blending #60ffff with #0029c5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 58
- B 89
RGB color chart
- C 79
- M 35
- Y 0
- K 11
CMYK color chart

● #3094e2 color description : Bright blue.

The hexadecimal color #3094e2 has RGB values of R:48, G:148, B:226 and CMYK values of C:0.79, M:0.35, Y:0, K:0.11. Its decimal value is 3183842.

Hex triplet	3094e2	`#3094e2`
RGB Decimal	48, 148, 226	`rgb(48,148,226)`
RGB Percent	18.8, 58, 88.6	`rgb(18.8%,58%,88.6%)`
CMYK	79, 35, 0, 11
HSL	206.3°, 75.4, 53.7	`hsl(206.3,75.4%,53.7%)`
HSV (or HSB)	206.3°, 78.8, 88.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	59.248, -1.726, -47.572
XYZ	25.533, 27.297, 75.87
xyY	0.198, 0.212, 27.297
CIE-LCH	59.248, 47.603, 267.922
CIE-LUV	59.248, -33.66, -75.147
Hunter-Lab	52.247, -4.198, -49.526
Binary	00110000, 10010100, 11100010

#3094e2
```
#3094e2 rgb(48,148,226)
```
#e27e30
```
#e27e30 rgb(226,126,48)
```

Complementary Color

#30e2d7
```
#30e2d7 rgb(48,226,215)
```
#3094e2
```
#3094e2 rgb(48,148,226)
```
#303be2
```
#303be2 rgb(48,59,226)
```

Analogous Color

#e2d730
```
#e2d730 rgb(226,215,48)
```
#3094e2
```
#3094e2 rgb(48,148,226)
```
#e2303b
```
#e2303b rgb(226,48,59)
```

Split Complementary Color

#94e230
```
#94e230 rgb(148,226,48)
```
#3094e2
```
#3094e2 rgb(48,148,226)
```
#e23094
```
#e23094 rgb(226,48,148)
```

Triadic Color

#30e27e
```
#30e27e rgb(48,226,126)
```
#3094e2
```
#3094e2 rgb(48,148,226)
```
#e23094
```
#e23094 rgb(226,48,148)
```
#e27e30
```
#e27e30 rgb(226,126,48)
```

Tetradic Color

#186cad
```
#186cad rgb(24,108,173)
```
#1b7ac4
```
#1b7ac4 rgb(27,122,196)
```
#1f88da
```
#1f88da rgb(31,136,218)
```
#3094e2
```
#3094e2 rgb(48,148,226)
```
#46a0e5
```
#46a0e5 rgb(70,160,229)
```
#5dabe8
```
#5dabe8 rgb(93,171,232)
```
#73b7eb
```
#73b7eb rgb(115,183,235)
```

Monochromatic Color

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

#30c1e2
```
#30c1e2 rgb(48,193,226)
```
#30b2e2
```
#30b2e2 rgb(48,178,226)
```
#30a3e2
```
#30a3e2 rgb(48,163,226)
```
#3094e2
```
#3094e2 rgb(48,148,226)
```
#3085e2
```
#3085e2 rgb(48,133,226)
```
#3076e2
```
#3076e2 rgb(48,118,226)
```
#3068e2
```
#3068e2 rgb(48,104,226)
```

Similar Colors

Text with hexadecimal color #3094e2

This text has a font color of #3094e2.

<span style="color:#3094e2;">Text here</span>

#3094e2 background color

This paragraph has a background color of #3094e2.

<p style="background-color:#3094e2;">Content here</p>

#3094e2 border color

This element has a border color of #3094e2.

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

CSS codes

.text {color:#3094e2;}

.background {background-color:#3094e2;}

.border {border:1px solid #3094e2;}

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, #020a11 is the darkest color, while #feffff is the lightest one.

#020a11
```
#020a11 rgb(2,10,17)
```
#051522
```
#051522 rgb(5,21,34)
```
#072033
```
#072033 rgb(7,32,51)
```
#0a2b44
```
#0a2b44 rgb(10,43,68)
```
#0c3555
```
#0c3555 rgb(12,53,85)
```
#0e4067
```
#0e4067 rgb(14,64,103)
```
#114b78
```
#114b78 rgb(17,75,120)
```
#135589
```
#135589 rgb(19,85,137)
```
#16609a
```
#16609a rgb(22,96,154)
```
#186bac
```
#186bac rgb(24,107,172)
```
#1a76bd
```
#1a76bd rgb(26,118,189)
```
#1d80ce
```
#1d80ce rgb(29,128,206)
```
#1f8bdf
```
#1f8bdf rgb(31,139,223)
```

Shade Color Variation

#3094e2
```
#3094e2 rgb(48,148,226)
```
#419de4
```
#419de4 rgb(65,157,228)
```
#52a6e7
```
#52a6e7 rgb(82,166,231)
```
#64afe9
```
#64afe9 rgb(100,175,233)
```
#75b8ec
```
#75b8ec rgb(117,184,236)
```
#86c0ee
```
#86c0ee rgb(134,192,238)
```
#97c9f0
```
#97c9f0 rgb(151,201,240)
```
#a8d2f3
```
#a8d2f3 rgb(168,210,243)
```
#badbf5
```
#badbf5 rgb(186,219,245)
```
#cbe4f8
```
#cbe4f8 rgb(203,228,248)
```
#dcedfa
```
#dcedfa rgb(220,237,250)
```
#edf6fd
```
#edf6fd rgb(237,246,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828a90 is the less saturated color, while #1597fd is the most saturated one.

#828a90
```
#828a90 rgb(130,138,144)
```
#798b99
```
#798b99 rgb(121,139,153)
```
#708ca2
```
#708ca2 rgb(112,140,162)
```
#668dac
```
#668dac rgb(102,141,172)
```
#5d8eb5
```
#5d8eb5 rgb(93,142,181)
```
#5490be
```
#5490be rgb(84,144,190)
```
#4b91c7
```
#4b91c7 rgb(75,145,199)
```
#4292d0
```
#4292d0 rgb(66,146,208)
```
#3993d9
```
#3993d9 rgb(57,147,217)
```
#3094e2
```
#3094e2 rgb(48,148,226)
```
#2795eb
```
#2795eb rgb(39,149,235)
```
#1e96f4
```
#1e96f4 rgb(30,150,244)
```
#1597fd
```
#1597fd rgb(21,151,253)
```

Tone Color Variation

Below, you can see how #3094e2 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

#7f7f7f Achromatopsia 0.005% of the population
#6f8393 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7692dd Protanopia 1% of men
#5f95e5 Deuteranopia 1% of men
#00a2ad Tritanopia 0.001% of the population

Trichromacy

#5c92df Protanomaly 1% of men, 0.01% of women
#4e94e4 Deuteranomaly 6% of men, 0.4% of women
#119dc0 Tritanomaly 0.01% of the population

#3094e2 hex color

#3094e2 Color Information

#3094e2 Color Conversion

Color Schemes with #3094e2

Alternatives to #3094e2

#3094e2 Preview

Shades and Tints of #3094e2

Tones of #3094e2

Color Blindness Simulator