#2e72b4 hex color

In a RGB color space, hex #2e72b4 is composed of 18% red, 44.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 36.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 209.6 degrees, a saturation of 59.3% and a lightness of 44.3%. #2e72b4 color hex could be obtained by blending #5ce4ff with #000069. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 45
- B 71
RGB color chart
- C 74
- M 37
- Y 0
- K 29
CMYK color chart

● #2e72b4 color description : Moderate blue.

The hexadecimal color #2e72b4 has RGB values of R:46, G:114, B:180 and CMYK values of C:0.74, M:0.37, Y:0, K:0.29. Its decimal value is 3044020.

Hex triplet	2e72b4	`#2e72b4`
RGB Decimal	46, 114, 180	`rgb(46,114,180)`
RGB Percent	18, 44.7, 70.6	`rgb(18%,44.7%,70.6%)`
CMYK	74, 37, 0, 29
HSL	209.6°, 59.3, 44.3	`hsl(209.6,59.3%,44.3%)`
HSV (or HSB)	209.6°, 74.4, 70.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.856, 1.537, -41.085
XYZ	15.38, 15.91, 45.438
xyY	0.2, 0.207, 15.91
CIE-LCH	46.856, 41.114, 272.142
CIE-LUV	46.856, -24.504, -61.832
Hunter-Lab	39.887, -0.972, -39.621
Binary	00101110, 01110010, 10110100

#2e72b4
```
#2e72b4 rgb(46,114,180)
```
#b4702e
```
#b4702e rgb(180,112,46)
```

Complementary Color

#2eb4b3
```
#2eb4b3 rgb(46,180,179)
```
#2e72b4
```
#2e72b4 rgb(46,114,180)
```
#2e2fb4
```
#2e2fb4 rgb(46,47,180)
```

Analogous Color

#b4b32e
```
#b4b32e rgb(180,179,46)
```
#2e72b4
```
#2e72b4 rgb(46,114,180)
```
#b42e2f
```
#b42e2f rgb(180,46,47)
```

Split Complementary Color

#72b42e
```
#72b42e rgb(114,180,46)
```
#2e72b4
```
#2e72b4 rgb(46,114,180)
```
#b42e72
```
#b42e72 rgb(180,46,114)
```

Triadic Color

#2eb470
```
#2eb470 rgb(46,180,112)
```
#2e72b4
```
#2e72b4 rgb(46,114,180)
```
#b42e72
```
#b42e72 rgb(180,46,114)
```
#b4702e
```
#b4702e rgb(180,112,46)
```

Tetradic Color

#1e4b77
```
#1e4b77 rgb(30,75,119)
```
#24588b
```
#24588b rgb(36,88,139)
```
#2965a0
```
#2965a0 rgb(41,101,160)
```
#2e72b4
```
#2e72b4 rgb(46,114,180)
```
#337fc8
```
#337fc8 rgb(51,127,200)
```
#458cd0
```
#458cd0 rgb(69,140,208)
```
#5a98d5
```
#5a98d5 rgb(90,152,213)
```

Monochromatic Color

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

#2e94b4
```
#2e94b4 rgb(46,148,180)
```
#2e88b4
```
#2e88b4 rgb(46,136,180)
```
#2e7db4
```
#2e7db4 rgb(46,125,180)
```
#2e72b4
```
#2e72b4 rgb(46,114,180)
```
#2e67b4
```
#2e67b4 rgb(46,103,180)
```
#2e5cb4
```
#2e5cb4 rgb(46,92,180)
```
#2e51b4
```
#2e51b4 rgb(46,81,180)
```

Similar Colors

Text with hexadecimal color #2e72b4

This text has a font color of #2e72b4.

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

#2e72b4 background color

This paragraph has a background color of #2e72b4.

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

#2e72b4 border color

This element has a border color of #2e72b4.

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

CSS codes

.text {color:#2e72b4;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#060f18
```
#060f18 rgb(6,15,24)
```
#0a1927
```
#0a1927 rgb(10,25,39)
```
#0e2337
```
#0e2337 rgb(14,35,55)
```
#122d47
```
#122d47 rgb(18,45,71)
```
#163756
```
#163756 rgb(22,55,86)
```
#1a4166
```
#1a4166 rgb(26,65,102)
```
#1e4a76
```
#1e4a76 rgb(30,74,118)
```
#225485
```
#225485 rgb(34,84,133)
```
#265e95
```
#265e95 rgb(38,94,149)
```
#2a68a4
```
#2a68a4 rgb(42,104,164)
```
#2e72b4
```
#2e72b4 rgb(46,114,180)
```
#327cc4
```
#327cc4 rgb(50,124,196)
```

Shade Color Variation

#3c86cd
```
#3c86cd rgb(60,134,205)
```
#4c8fd1
```
#4c8fd1 rgb(76,143,209)
```
#5b99d5
```
#5b99d5 rgb(91,153,213)
```
#6ba3d9
```
#6ba3d9 rgb(107,163,217)
```
#7baddd
```
#7baddd rgb(123,173,221)
```
#8ab6e1
```
#8ab6e1 rgb(138,182,225)
```
#9ac0e5
```
#9ac0e5 rgb(154,192,229)
```
#a9cae9
```
#a9cae9 rgb(169,202,233)
```
#b9d3ed
```
#b9d3ed rgb(185,211,237)
```
#c9ddf1
```
#c9ddf1 rgb(201,221,241)
```
#d8e7f5
```
#d8e7f5 rgb(216,231,245)
```
#e8f1f9
```
#e8f1f9 rgb(232,241,249)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

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

#6b7177
```
#6b7177 rgb(107,113,119)
```
#627180
```
#627180 rgb(98,113,128)
```
#597189
```
#597189 rgb(89,113,137)
```
#517191
```
#517191 rgb(81,113,145)
```
#48729a
```
#48729a rgb(72,114,154)
```
#3f72a3
```
#3f72a3 rgb(63,114,163)
```
#3772ab
```
#3772ab rgb(55,114,171)
```
#2e72b4
```
#2e72b4 rgb(46,114,180)
```
#2572bd
```
#2572bd rgb(37,114,189)
```
#1d72c5
```
#1d72c5 rgb(29,114,197)
```
#1472ce
```
#1472ce rgb(20,114,206)
```
#0b73d7
```
#0b73d7 rgb(11,115,215)
```
#0373df
```
#0373df rgb(3,115,223)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5a6875 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c74b4 Protanopia 1% of men
#4977b8 Deuteranopia 1% of men
#00828b Tritanopia 0.001% of the population

Trichromacy

#4b73b4 Protanomaly 1% of men, 0.01% of women
#3f75b7 Deuteranomaly 6% of men, 0.4% of women
#107c9a Tritanomaly 0.01% of the population

#2e72b4 hex color

#2e72b4 Color Information

#2e72b4 Color Conversion

Color Schemes with #2e72b4

Alternatives to #2e72b4

#2e72b4 Preview

Shades and Tints of #2e72b4

Tones of #2e72b4

Color Blindness Simulator