#3081e0 hex color

In a RGB color space, hex #3081e0 is composed of 18.8% red, 50.6% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 42.4% magenta, 0% yellow and 12.2% black. It has a hue angle of 212.4 degrees, a saturation of 73.9% and a lightness of 53.3%. #3081e0 color hex could be obtained by blending #60ffff with #0003c1. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 51
- B 88
RGB color chart
- C 79
- M 42
- Y 0
- K 12
CMYK color chart

● #3081e0 color description : Bright blue.

The hexadecimal color #3081e0 has RGB values of R:48, G:129, B:224 and CMYK values of C:0.79, M:0.42, Y:0, K:0.12. Its decimal value is 3178976.

Hex triplet	3081e0	`#3081e0`
RGB Decimal	48, 129, 224	`rgb(48,129,224)`
RGB Percent	18.8, 50.6, 87.8	`rgb(18.8%,50.6%,87.8%)`
CMYK	79, 42, 0, 12
HSL	212.4°, 73.9, 53.3	`hsl(212.4,73.9%,53.3%)`
HSV (or HSB)	212.4°, 78.6, 87.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.717, 8.895, -55.259
XYZ	22.521, 21.709, 73.52
xyY	0.191, 0.184, 21.709
CIE-LCH	53.717, 55.97, 279.144
CIE-LUV	53.717, -27.544, -87.143
Hunter-Lab	46.593, 4.741, -60.941
Binary	00110000, 10000001, 11100000

#3081e0
```
#3081e0 rgb(48,129,224)
```
#e08f30
```
#e08f30 rgb(224,143,48)
```

Complementary Color

#30d9e0
```
#30d9e0 rgb(48,217,224)
```
#3081e0
```
#3081e0 rgb(48,129,224)
```
#3730e0
```
#3730e0 rgb(55,48,224)
```

Analogous Color

#d9e030
```
#d9e030 rgb(217,224,48)
```
#3081e0
```
#3081e0 rgb(48,129,224)
```
#e03730
```
#e03730 rgb(224,55,48)
```

Split Complementary Color

#81e030
```
#81e030 rgb(129,224,48)
```
#3081e0
```
#3081e0 rgb(48,129,224)
```
#e03081
```
#e03081 rgb(224,48,129)
```

Triadic Color

#30e08f
```
#30e08f rgb(48,224,143)
```
#3081e0
```
#3081e0 rgb(48,129,224)
```
#e03081
```
#e03081 rgb(224,48,129)
```
#e08f30
```
#e08f30 rgb(224,143,48)
```

Tetradic Color

#195caa
```
#195caa rgb(25,92,170)
```
#1d68c0
```
#1d68c0 rgb(29,104,192)
```
#2074d6
```
#2074d6 rgb(32,116,214)
```
#3081e0
```
#3081e0 rgb(48,129,224)
```
#468fe3
```
#468fe3 rgb(70,143,227)
```
#5c9ce7
```
#5c9ce7 rgb(92,156,231)
```
#73aaea
```
#73aaea rgb(115,170,234)
```

Monochromatic Color

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

#30ade0
```
#30ade0 rgb(48,173,224)
```
#309ee0
```
#309ee0 rgb(48,158,224)
```
#3090e0
```
#3090e0 rgb(48,144,224)
```
#3081e0
```
#3081e0 rgb(48,129,224)
```
#3072e0
```
#3072e0 rgb(48,114,224)
```
#3064e0
```
#3064e0 rgb(48,100,224)
```
#3055e0
```
#3055e0 rgb(48,85,224)
```

Similar Colors

Text with hexadecimal color #3081e0

This text has a font color of #3081e0.

<span style="color:#3081e0;">Text here</span>

#3081e0 background color

This paragraph has a background color of #3081e0.

<p style="background-color:#3081e0;">Content here</p>

#3081e0 border color

This element has a border color of #3081e0.

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

CSS codes

.text {color:#3081e0;}

.background {background-color:#3081e0;}

.border {border:1px solid #3081e0;}

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, #02080f is the darkest color, while #fdfeff is the lightest one.

#02080f
```
#02080f rgb(2,8,15)
```
#051120
```
#051120 rgb(5,17,32)
```
#071a31
```
#071a31 rgb(7,26,49)
```
#0a2442
```
#0a2442 rgb(10,36,66)
```
#0c2d53
```
#0c2d53 rgb(12,45,83)
```
#0f3664
```
#0f3664 rgb(15,54,100)
```
#123f75
```
#123f75 rgb(18,63,117)
```
#144986
```
#144986 rgb(20,73,134)
```
#175297
```
#175297 rgb(23,82,151)
```
#195ba8
```
#195ba8 rgb(25,91,168)
```
#1c64b9
```
#1c64b9 rgb(28,100,185)
```
#1e6eca
```
#1e6eca rgb(30,110,202)
```
#2177dc
```
#2177dc rgb(33,119,220)
```

Shade Color Variation

#3081e0
```
#3081e0 rgb(48,129,224)
```
#418be3
```
#418be3 rgb(65,139,227)
```
#5296e5
```
#5296e5 rgb(82,150,229)
```
#63a0e8
```
#63a0e8 rgb(99,160,232)
```
#74abea
```
#74abea rgb(116,171,234)
```
#85b5ed
```
#85b5ed rgb(133,181,237)
```
#96bfef
```
#96bfef rgb(150,191,239)
```
#a7caf2
```
#a7caf2 rgb(167,202,242)
```
#b8d4f4
```
#b8d4f4 rgb(184,212,244)
```
#cadef7
```
#cadef7 rgb(202,222,247)
```
#dbe9fa
```
#dbe9fa rgb(219,233,250)
```
#ecf3fc
```
#ecf3fc rgb(236,243,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82888e is the less saturated color, while #157ffb is the most saturated one.

#82888e
```
#82888e rgb(130,136,142)
```
#798797
```
#798797 rgb(121,135,151)
```
#7086a0
```
#7086a0 rgb(112,134,160)
```
#6785a9
```
#6785a9 rgb(103,133,169)
```
#5e85b2
```
#5e85b2 rgb(94,133,178)
```
#5584bb
```
#5584bb rgb(85,132,187)
```
#4b83c5
```
#4b83c5 rgb(75,131,197)
```
#4282ce
```
#4282ce rgb(66,130,206)
```
#3982d7
```
#3982d7 rgb(57,130,215)
```
#3081e0
```
#3081e0 rgb(48,129,224)
```
#2780e9
```
#2780e9 rgb(39,128,233)
```
#1e80f2
```
#1e80f2 rgb(30,128,242)
```
#157ffb
```
#157ffb rgb(21,127,251)
```

Tone Color Variation

Below, you can see how #3081e0 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

#747474 Achromatopsia 0.005% of the population
#66778a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a84de Protanopia 1% of men
#2c88e1 Deuteranopia 1% of men
#00949d Tritanopia 0.001% of the population

Trichromacy

#4b82df Protanomaly 1% of men, 0.01% of women
#2d85e0 Deuteranomaly 6% of men, 0.4% of women
#118db5 Tritanomaly 0.01% of the population

#3081e0 hex color

#3081e0 Color Information

#3081e0 Color Conversion

Color Schemes with #3081e0

Alternatives to #3081e0

#3081e0 Preview

Shades and Tints of #3081e0

Tones of #3081e0

Color Blindness Simulator