#1e81cc hex color

In a RGB color space, hex #1e81cc is composed of 11.8% red, 50.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 36.8% magenta, 0% yellow and 20% black. It has a hue angle of 205.9 degrees, a saturation of 74.4% and a lightness of 45.9%. #1e81cc color hex could be obtained by blending #3cffff with #000399. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 12
- G 51
- B 80
RGB color chart
- C 85
- M 37
- Y 0
- K 20
CMYK color chart

● #1e81cc color description : Strong blue.

The hexadecimal color #1e81cc has RGB values of R:30, G:129, B:204 and CMYK values of C:0.85, M:0.37, Y:0, K:0.2. Its decimal value is 1999308.

Hex triplet	1e81cc	`#1e81cc`
RGB Decimal	30, 129, 204	`rgb(30,129,204)`
RGB Percent	11.8, 50.6, 80	`rgb(11.8%,50.6%,80%)`
CMYK	85, 37, 0, 20
HSL	205.9°, 74.4, 45.9	`hsl(205.9,74.4%,45.9%)`
HSV (or HSB)	205.9°, 85.3, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.213, -0.229, -46.389
XYZ	19.282, 20.334, 60.032
xyY	0.194, 0.204, 20.334
CIE-LCH	52.213, 46.389, 269.717
CIE-LUV	52.213, -30.495, -71.614
Hunter-Lab	45.094, -2.587, -47.366
Binary	00011110, 10000001, 11001100

#1e81cc
```
#1e81cc rgb(30,129,204)
```
#cc691e
```
#cc691e rgb(204,105,30)
```

Complementary Color

#1eccc0
```
#1eccc0 rgb(30,204,192)
```
#1e81cc
```
#1e81cc rgb(30,129,204)
```
#1e2acc
```
#1e2acc rgb(30,42,204)
```

Analogous Color

#ccc01e
```
#ccc01e rgb(204,192,30)
```
#1e81cc
```
#1e81cc rgb(30,129,204)
```
#cc1e2a
```
#cc1e2a rgb(204,30,42)
```

Split Complementary Color

#81cc1e
```
#81cc1e rgb(129,204,30)
```
#1e81cc
```
#1e81cc rgb(30,129,204)
```
#cc1e81
```
#cc1e81 rgb(204,30,129)
```

Triadic Color

#1ecc69
```
#1ecc69 rgb(30,204,105)
```
#1e81cc
```
#1e81cc rgb(30,129,204)
```
#cc1e81
```
#cc1e81 rgb(204,30,129)
```
#cc691e
```
#cc691e rgb(204,105,30)
```

Tetradic Color

#145789
```
#145789 rgb(20,87,137)
```
#1765a0
```
#1765a0 rgb(23,101,160)
```
#1b73b6
```
#1b73b6 rgb(27,115,182)
```
#1e81cc
```
#1e81cc rgb(30,129,204)
```
#258fdf
```
#258fdf rgb(37,143,223)
```
#3b9ae2
```
#3b9ae2 rgb(59,154,226)
```
#51a5e5
```
#51a5e5 rgb(81,165,229)
```

Monochromatic Color

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

#1eadcc
```
#1eadcc rgb(30,173,204)
```
#1e9ecc
```
#1e9ecc rgb(30,158,204)
```
#1e90cc
```
#1e90cc rgb(30,144,204)
```
#1e81cc
```
#1e81cc rgb(30,129,204)
```
#1e73cc
```
#1e73cc rgb(30,115,204)
```
#1e64cc
```
#1e64cc rgb(30,100,204)
```
#1e56cc
```
#1e56cc rgb(30,86,204)
```

Similar Colors

Text with hexadecimal color #1e81cc

This text has a font color of #1e81cc.

<span style="color:#1e81cc;">Text here</span>

#1e81cc background color

This paragraph has a background color of #1e81cc.

<p style="background-color:#1e81cc;">Content here</p>

#1e81cc border color

This element has a border color of #1e81cc.

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

CSS codes

.text {color:#1e81cc;}

.background {background-color:#1e81cc;}

.border {border:1px solid #1e81cc;}

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

#020a10
```
#020a10 rgb(2,10,16)
```
#051521
```
#051521 rgb(5,21,33)
```
#072032
```
#072032 rgb(7,32,50)
```
#0a2a43
```
#0a2a43 rgb(10,42,67)
```
#0c3554
```
#0c3554 rgb(12,53,84)
```
#0f4065
```
#0f4065 rgb(15,64,101)
```
#114b76
```
#114b76 rgb(17,75,118)
```
#145688
```
#145688 rgb(20,86,136)
```
#166199
```
#166199 rgb(22,97,153)
```
#196baa
```
#196baa rgb(25,107,170)
```
#1b76bb
```
#1b76bb rgb(27,118,187)
```
#1e81cc
```
#1e81cc rgb(30,129,204)
```
#218cdd
```
#218cdd rgb(33,140,221)
```

Shade Color Variation

#3195e1
```
#3195e1 rgb(49,149,225)
```
#429ee3
```
#429ee3 rgb(66,158,227)
```
#53a6e6
```
#53a6e6 rgb(83,166,230)
```
#64afe8
```
#64afe8 rgb(100,175,232)
```
#75b8eb
```
#75b8eb rgb(117,184,235)
```
#86c1ed
```
#86c1ed rgb(134,193,237)
```
#97caf0
```
#97caf0 rgb(151,202,240)
```
#a8d2f2
```
#a8d2f2 rgb(168,210,242)
```
#b9dbf5
```
#b9dbf5 rgb(185,219,245)
```
#cae4f7
```
#cae4f7 rgb(202,228,247)
```
#dcedfa
```
#dcedfa rgb(220,237,250)
```
#edf6fc
```
#edf6fc rgb(237,246,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f767b is the less saturated color, while #0385e7 is the most saturated one.

#6f767b
```
#6f767b rgb(111,118,123)
```
#667784
```
#667784 rgb(102,119,132)
```
#5d788d
```
#5d788d rgb(93,120,141)
```
#547a96
```
#547a96 rgb(84,122,150)
```
#4b7b9f
```
#4b7b9f rgb(75,123,159)
```
#427ca8
```
#427ca8 rgb(66,124,168)
```
#397db1
```
#397db1 rgb(57,125,177)
```
#307fba
```
#307fba rgb(48,127,186)
```
#2780c3
```
#2780c3 rgb(39,128,195)
```
#1e81cc
```
#1e81cc rgb(30,129,204)
```
#1582d5
```
#1582d5 rgb(21,130,213)
```
#0c83de
```
#0c83de rgb(12,131,222)
```
#0385e7
```
#0385e7 rgb(3,133,231)
```

Tone Color Variation

Below, you can see how #1e81cc 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

#6c6c6c Achromatopsia 0.005% of the population
#5c707f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6580c9 Protanopia 1% of men
#4a84d0 Deuteranopia 1% of men
#009099 Tritanopia 0.001% of the population

Trichromacy

#4b80ca Protanomaly 1% of men, 0.01% of women
#3a83ce Deuteranomaly 6% of men, 0.4% of women
#0a8aab Tritanomaly 0.01% of the population

#1e81cc hex color

#1e81cc Color Information

#1e81cc Color Conversion

Color Schemes with #1e81cc

Alternatives to #1e81cc

#1e81cc Preview

Shades and Tints of #1e81cc

Tones of #1e81cc

Color Blindness Simulator