#3081ec hex color

In a RGB color space, hex #3081ec is composed of 18.8% red, 50.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 45.3% magenta, 0% yellow and 7.5% black. It has a hue angle of 214.1 degrees, a saturation of 83.2% and a lightness of 55.7%. #3081ec color hex could be obtained by blending #60ffff with #0003d9. Closest websafe color is: #3399ff.

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

● #3081ec color description : Bright blue.

The hexadecimal color #3081ec has RGB values of R:48, G:129, B:236 and CMYK values of C:0.8, M:0.45, Y:0, K:0.07. Its decimal value is 3178988.

Hex triplet	3081ec	`#3081ec`
RGB Decimal	48, 129, 236	`rgb(48,129,236)`
RGB Percent	18.8, 50.6, 92.5	`rgb(18.8%,50.6%,92.5%)`
CMYK	80, 45, 0, 7
HSL	214.1°, 83.2, 55.7	`hsl(214.1,83.2%,55.7%)`
HSV (or HSB)	214.1°, 79.7, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	54.431, 13.349, -60.822
XYZ	24.206, 22.383, 82.397
xyY	0.188, 0.174, 22.383
CIE-LCH	54.431, 62.27, 282.379
CIE-LUV	54.431, -27.147, -96.616
Hunter-Lab	47.311, 8.534, -70.143
Binary	00110000, 10000001, 11101100

#3081ec
```
#3081ec rgb(48,129,236)
```
#ec9b30
```
#ec9b30 rgb(236,155,48)
```

Complementary Color

#30dfec
```
#30dfec rgb(48,223,236)
```
#3081ec
```
#3081ec rgb(48,129,236)
```
#3d30ec
```
#3d30ec rgb(61,48,236)
```

Analogous Color

#dfec30
```
#dfec30 rgb(223,236,48)
```
#3081ec
```
#3081ec rgb(48,129,236)
```
#ec3d30
```
#ec3d30 rgb(236,61,48)
```

Split Complementary Color

#81ec30
```
#81ec30 rgb(129,236,48)
```
#3081ec
```
#3081ec rgb(48,129,236)
```
#ec3081
```
#ec3081 rgb(236,48,129)
```

Triadic Color

#30ec9b
```
#30ec9b rgb(48,236,155)
```
#3081ec
```
#3081ec rgb(48,129,236)
```
#ec3081
```
#ec3081 rgb(236,48,129)
```
#ec9b30
```
#ec9b30 rgb(236,155,48)
```

Tetradic Color

#115cbe
```
#115cbe rgb(17,92,190)
```
#1467d5
```
#1467d5 rgb(20,103,213)
```
#1973ea
```
#1973ea rgb(25,115,234)
```
#3081ec
```
#3081ec rgb(48,129,236)
```
#478fee
```
#478fee rgb(71,143,238)
```
#5f9df0
```
#5f9df0 rgb(95,157,240)
```
#76acf2
```
#76acf2 rgb(118,172,242)
```

Monochromatic Color

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

#30b0ec
```
#30b0ec rgb(48,176,236)
```
#30a0ec
```
#30a0ec rgb(48,160,236)
```
#3091ec
```
#3091ec rgb(48,145,236)
```
#3081ec
```
#3081ec rgb(48,129,236)
```
#3071ec
```
#3071ec rgb(48,113,236)
```
#3062ec
```
#3062ec rgb(48,98,236)
```
#3052ec
```
#3052ec rgb(48,82,236)
```

Similar Colors

Text with hexadecimal color #3081ec

This text has a font color of #3081ec.

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

#3081ec background color

This paragraph has a background color of #3081ec.

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

#3081ec border color

This element has a border color of #3081ec.

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

CSS codes

.text {color:#3081ec;}

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

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

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

#010409
```
#010409 rgb(1,4,9)
```
#020d1b
```
#020d1b rgb(2,13,27)
```
#04162d
```
#04162d rgb(4,22,45)
```
#061e3e
```
#061e3e rgb(6,30,62)
```
#072750
```
#072750 rgb(7,39,80)
```
#093062
```
#093062 rgb(9,48,98)
```
#0b3874
```
#0b3874 rgb(11,56,116)
```
#0c4186
```
#0c4186 rgb(12,65,134)
```
#0e4a98
```
#0e4a98 rgb(14,74,152)
```
#1052aa
```
#1052aa rgb(16,82,170)
```
#115bbc
```
#115bbc rgb(17,91,188)
```
#1364ce
```
#1364ce rgb(19,100,206)
```
#156ce0
```
#156ce0 rgb(21,108,224)
```

Shade Color Variation

#1e76ea
```
#1e76ea rgb(30,118,234)
```
#3081ec
```
#3081ec rgb(48,129,236)
```
#428cee
```
#428cee rgb(66,140,238)
```
#5497ef
```
#5497ef rgb(84,151,239)
```
#66a2f1
```
#66a2f1 rgb(102,162,241)
```
#78adf3
```
#78adf3 rgb(120,173,243)
```
#8ab8f4
```
#8ab8f4 rgb(138,184,244)
```
#9cc3f6
```
#9cc3f6 rgb(156,195,246)
```
#aecef8
```
#aecef8 rgb(174,206,248)
```
#c0d8f9
```
#c0d8f9 rgb(192,216,249)
```
#d2e3fb
```
#d2e3fb rgb(210,227,251)
```
#e4eefc
```
#e4eefc rgb(228,238,252)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

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

#878d95
```
#878d95 rgb(135,141,149)
```
#7e8c9e
```
#7e8c9e rgb(126,140,158)
```
#768ba6
```
#768ba6 rgb(118,139,166)
```
#6d89af
```
#6d89af rgb(109,137,175)
```
#6488b8
```
#6488b8 rgb(100,136,184)
```
#5b87c1
```
#5b87c1 rgb(91,135,193)
```
#5386c9
```
#5386c9 rgb(83,134,201)
```
#4a85d2
```
#4a85d2 rgb(74,133,210)
```
#4183db
```
#4183db rgb(65,131,219)
```
#3982e3
```
#3982e3 rgb(57,130,227)
```
#3081ec
```
#3081ec rgb(48,129,236)
```
#2780f5
```
#2780f5 rgb(39,128,245)
```
#1f7ffd
```
#1f7ffd rgb(31,127,253)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#67778d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5085eb Protanopia 1% of men
#008be7 Deuteranopia 1% of men
#00969f Tritanopia 0.001% of the population

Trichromacy

#4483eb Protanomaly 1% of men, 0.01% of women
#1187e8 Deuteranomaly 6% of men, 0.4% of women
#118ebb Tritanomaly 0.01% of the population

#3081ec hex color

#3081ec Color Information

#3081ec Color Conversion

Color Schemes with #3081ec

Alternatives to #3081ec

#3081ec Preview

Shades and Tints of #3081ec

Tones of #3081ec

Color Blindness Simulator