#2e81b3 hex color

In a RGB color space, hex #2e81b3 is composed of 18% red, 50.6% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 27.9% magenta, 0% yellow and 29.8% black. It has a hue angle of 202.6 degrees, a saturation of 59.1% and a lightness of 44.1%. #2e81b3 color hex could be obtained by blending #5cffff with #000367. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 51
- B 70
RGB color chart
- C 74
- M 28
- Y 0
- K 30
CMYK color chart

● #2e81b3 color description : Moderate blue.

The hexadecimal color #2e81b3 has RGB values of R:46, G:129, B:179 and CMYK values of C:0.74, M:0.28, Y:0, K:0.3. Its decimal value is 3047859.

Hex triplet	2e81b3	`#2e81b3`
RGB Decimal	46, 129, 179	`rgb(46,129,179)`
RGB Percent	18, 50.6, 70.2	`rgb(18%,50.6%,70.2%)`
CMYK	74, 28, 0, 30
HSL	202.6°, 59.1, 44.1	`hsl(202.6,59.1%,44.1%)`
HSV (or HSB)	202.6°, 74.3, 70.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	51.307, -7.788, -33.494
XYZ	17.112, 19.535, 45.514
xyY	0.208, 0.238, 19.535
CIE-LCH	51.307, 34.387, 256.911
CIE-LUV	51.307, -29.75, -49.847
Hunter-Lab	44.198, -8.239, -30.117
Binary	00101110, 10000001, 10110011

#2e81b3
```
#2e81b3 rgb(46,129,179)
```
#b3602e
```
#b3602e rgb(179,96,46)
```

Complementary Color

#2eb3a3
```
#2eb3a3 rgb(46,179,163)
```
#2e81b3
```
#2e81b3 rgb(46,129,179)
```
#2e3eb3
```
#2e3eb3 rgb(46,62,179)
```

Analogous Color

#b3a32e
```
#b3a32e rgb(179,163,46)
```
#2e81b3
```
#2e81b3 rgb(46,129,179)
```
#b32e3e
```
#b32e3e rgb(179,46,62)
```

Split Complementary Color

#81b32e
```
#81b32e rgb(129,179,46)
```
#2e81b3
```
#2e81b3 rgb(46,129,179)
```
#b32e81
```
#b32e81 rgb(179,46,129)
```

Triadic Color

#2eb360
```
#2eb360 rgb(46,179,96)
```
#2e81b3
```
#2e81b3 rgb(46,129,179)
```
#b32e81
```
#b32e81 rgb(179,46,129)
```
#b3602e
```
#b3602e rgb(179,96,46)
```

Tetradic Color

#1e5576
```
#1e5576 rgb(30,85,118)
```
#24648a
```
#24648a rgb(36,100,138)
```
#29729f
```
#29729f rgb(41,114,159)
```
#2e81b3
```
#2e81b3 rgb(46,129,179)
```
#3390c7
```
#3390c7 rgb(51,144,199)
```
#459bcf
```
#459bcf rgb(69,155,207)
```
#59a6d4
```
#59a6d4 rgb(89,166,212)
```

Monochromatic Color

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

#2ea2b3
```
#2ea2b3 rgb(46,162,179)
```
#2e97b3
```
#2e97b3 rgb(46,151,179)
```
#2e8cb3
```
#2e8cb3 rgb(46,140,179)
```
#2e81b3
```
#2e81b3 rgb(46,129,179)
```
#2e76b3
```
#2e76b3 rgb(46,118,179)
```
#2e6bb3
```
#2e6bb3 rgb(46,107,179)
```
#2e60b3
```
#2e60b3 rgb(46,96,179)
```

Similar Colors

Text with hexadecimal color #2e81b3

This text has a font color of #2e81b3.

<span style="color:#2e81b3;">Text here</span>

#2e81b3 background color

This paragraph has a background color of #2e81b3.

<p style="background-color:#2e81b3;">Content here</p>

#2e81b3 border color

This element has a border color of #2e81b3.

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

CSS codes

.text {color:#2e81b3;}

.background {background-color:#2e81b3;}

.border {border:1px solid #2e81b3;}

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

#020507
```
#020507 rgb(2,5,7)
```
#061117
```
#061117 rgb(6,17,23)
```
#0a1c27
```
#0a1c27 rgb(10,28,39)
```
#0e2736
```
#0e2736 rgb(14,39,54)
```
#123246
```
#123246 rgb(18,50,70)
```
#163e55
```
#163e55 rgb(22,62,85)
```
#1a4965
```
#1a4965 rgb(26,73,101)
```
#1e5475
```
#1e5475 rgb(30,84,117)
```
#225f84
```
#225f84 rgb(34,95,132)
```
#266b94
```
#266b94 rgb(38,107,148)
```
#2a76a3
```
#2a76a3 rgb(42,118,163)
```
#2e81b3
```
#2e81b3 rgb(46,129,179)
```
#328cc3
```
#328cc3 rgb(50,140,195)
```

Shade Color Variation

#3b96cd
```
#3b96cd rgb(59,150,205)
```
#4b9fd1
```
#4b9fd1 rgb(75,159,209)
```
#5ba7d5
```
#5ba7d5 rgb(91,167,213)
```
#6aafd9
```
#6aafd9 rgb(106,175,217)
```
#7ab8dd
```
#7ab8dd rgb(122,184,221)
```
#8ac0e1
```
#8ac0e1 rgb(138,192,225)
```
#99c8e5
```
#99c8e5 rgb(153,200,229)
```
#a9d1e9
```
#a9d1e9 rgb(169,209,233)
```
#b8d9ed
```
#b8d9ed rgb(184,217,237)
```
#c8e1f1
```
#c8e1f1 rgb(200,225,241)
```
#d8eaf5
```
#d8eaf5 rgb(216,234,245)
```
#e7f2f9
```
#e7f2f9 rgb(231,242,249)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

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

#6b7276
```
#6b7276 rgb(107,114,118)
```
#62747f
```
#62747f rgb(98,116,127)
```
#597688
```
#597688 rgb(89,118,136)
```
#517890
```
#517890 rgb(81,120,144)
```
#487b99
```
#487b99 rgb(72,123,153)
```
#3f7da2
```
#3f7da2 rgb(63,125,162)
```
#377faa
```
#377faa rgb(55,127,170)
```
#2e81b3
```
#2e81b3 rgb(46,129,179)
```
#2583bc
```
#2583bc rgb(37,131,188)
```
#1d85c4
```
#1d85c4 rgb(29,133,196)
```
#1487cd
```
#1487cd rgb(20,135,205)
```
#0b8ad6
```
#0b8ad6 rgb(11,138,214)
```
#038cde
```
#038cde rgb(3,140,222)
```

Tone Color Variation

Below, you can see how #2e81b3 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

#6e6e6e Achromatopsia 0.005% of the population
#61727c Atypical Achromatopsia 0.001% of the population

Dichromacy

#707fb1 Protanopia 1% of men
#6580b9 Deuteranopia 1% of men
#008d98 Tritanopia 0.001% of the population

Trichromacy

#5880b1 Protanomaly 1% of men, 0.01% of women
#5180b7 Deuteranomaly 6% of men, 0.4% of women
#1089a1 Tritanomaly 0.01% of the population

#2e81b3 hex color

#2e81b3 Color Information

#2e81b3 Color Conversion

Color Schemes with #2e81b3

Alternatives to #2e81b3

#2e81b3 Preview

Shades and Tints of #2e81b3

Tones of #2e81b3

Color Blindness Simulator