#2a7893 hex color

In a RGB color space, hex #2a7893 is composed of 16.5% red, 47.1% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 18.4% magenta, 0% yellow and 42.4% black. It has a hue angle of 195.4 degrees, a saturation of 55.6% and a lightness of 37.1%. #2a7893 color hex could be obtained by blending #54f0ff with #000027. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 47
- B 58
RGB color chart
- C 71
- M 18
- Y 0
- K 42
CMYK color chart

● #2a7893 color description : Dark blue.

The hexadecimal color #2a7893 has RGB values of R:42, G:120, B:147 and CMYK values of C:0.71, M:0.18, Y:0, K:0.42. Its decimal value is 2783379.

Hex triplet	2a7893	`#2a7893`
RGB Decimal	42, 120, 147	`rgb(42,120,147)`
RGB Percent	16.5, 47.1, 57.6	`rgb(16.5%,47.1%,57.6%)`
CMYK	71, 18, 0, 42
HSL	195.4°, 55.6, 37.1	`hsl(195.4,55.6%,37.1%)`
HSV (or HSB)	195.4°, 71.4, 57.6
Web Safe	336699	`#336699`

CIE-LAB	47.015, -14.421, -21.517
XYZ	12.936, 16.031, 30.015
xyY	0.219, 0.272, 16.031
CIE-LCH	47.015, 25.902, 236.17
CIE-LUV	47.015, -28.831, -29.487
Hunter-Lab	40.038, -12.394, -16.42
Binary	00101010, 01111000, 10010011

#2a7893
```
#2a7893 rgb(42,120,147)
```
#93452a
```
#93452a rgb(147,69,42)
```

Complementary Color

#2a937a
```
#2a937a rgb(42,147,122)
```
#2a7893
```
#2a7893 rgb(42,120,147)
```
#2a4493
```
#2a4493 rgb(42,68,147)
```

Analogous Color

#937a2a
```
#937a2a rgb(147,122,42)
```
#2a7893
```
#2a7893 rgb(42,120,147)
```
#932a44
```
#932a44 rgb(147,42,68)
```

Split Complementary Color

#78932a
```
#78932a rgb(120,147,42)
```
#2a7893
```
#2a7893 rgb(42,120,147)
```
#932a78
```
#932a78 rgb(147,42,120)
```

Triadic Color

#2a9345
```
#2a9345 rgb(42,147,69)
```
#2a7893
```
#2a7893 rgb(42,120,147)
```
#932a78
```
#932a78 rgb(147,42,120)
```
#93452a
```
#93452a rgb(147,69,42)
```

Tetradic Color

#194758
```
#194758 rgb(25,71,88)
```
#1f586b
```
#1f586b rgb(31,88,107)
```
#24687f
```
#24687f rgb(36,104,127)
```
#2a7893
```
#2a7893 rgb(42,120,147)
```
#3088a7
```
#3088a7 rgb(48,136,167)
```
#3598bb
```
#3598bb rgb(53,152,187)
```
#41a6c9
```
#41a6c9 rgb(65,166,201)
```

Monochromatic Color

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

#2a9293
```
#2a9293 rgb(42,146,147)
```
#2a8a93
```
#2a8a93 rgb(42,138,147)
```
#2a8193
```
#2a8193 rgb(42,129,147)
```
#2a7893
```
#2a7893 rgb(42,120,147)
```
#2a6f93
```
#2a6f93 rgb(42,111,147)
```
#2a6793
```
#2a6793 rgb(42,103,147)
```
#2a5e93
```
#2a5e93 rgb(42,94,147)
```

Similar Colors

Text with hexadecimal color #2a7893

This text has a font color of #2a7893.

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

#2a7893 background color

This paragraph has a background color of #2a7893.

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

#2a7893 border color

This element has a border color of #2a7893.

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

CSS codes

.text {color:#2a7893;}

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

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

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, #03080a is the darkest color, while #f9fcfd is the lightest one.

#03080a
```
#03080a rgb(3,8,10)
```
#071419
```
#071419 rgb(7,20,25)
```
#0b2128
```
#0b2128 rgb(11,33,40)
```
#102d37
```
#102d37 rgb(16,45,55)
```
#143a47
```
#143a47 rgb(20,58,71)
```
#194656
```
#194656 rgb(25,70,86)
```
#1d5365
```
#1d5365 rgb(29,83,101)
```
#215f74
```
#215f74 rgb(33,95,116)
```
#266c84
```
#266c84 rgb(38,108,132)
```
#2a7893
```
#2a7893 rgb(42,120,147)
```
#2e84a2
```
#2e84a2 rgb(46,132,162)
```
#3391b2
```
#3391b2 rgb(51,145,178)
```
#379dc1
```
#379dc1 rgb(55,157,193)
```

Shade Color Variation

#42a6c9
```
#42a6c9 rgb(66,166,201)
```
#52aecd
```
#52aecd rgb(82,174,205)
```
#61b5d2
```
#61b5d2 rgb(97,181,210)
```
#70bcd6
```
#70bcd6 rgb(112,188,214)
```
#7fc3db
```
#7fc3db rgb(127,195,219)
```
#8fcadf
```
#8fcadf rgb(143,202,223)
```
#9ed1e3
```
#9ed1e3 rgb(158,209,227)
```
#add9e8
```
#add9e8 rgb(173,217,232)
```
#bce0ec
```
#bce0ec rgb(188,224,236)
```
#cce7f0
```
#cce7f0 rgb(204,231,240)
```
#dbeef5
```
#dbeef5 rgb(219,238,245)
```
#eaf5f9
```
#eaf5f9 rgb(234,245,249)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d5f60 is the less saturated color, while #068ab7 is the most saturated one.

#5d5f60
```
#5d5f60 rgb(93,95,96)
```
#566367
```
#566367 rgb(86,99,103)
```
#4e666f
```
#4e666f rgb(78,102,111)
```
#476a76
```
#476a76 rgb(71,106,118)
```
#406d7d
```
#406d7d rgb(64,109,125)
```
#397184
```
#397184 rgb(57,113,132)
```
#31748c
```
#31748c rgb(49,116,140)
```
#2a7893
```
#2a7893 rgb(42,120,147)
```
#237c9a
```
#237c9a rgb(35,124,154)
```
#1b7fa2
```
#1b7fa2 rgb(27,127,162)
```
#1483a9
```
#1483a9 rgb(20,131,169)
```
#0d86b0
```
#0d86b0 rgb(13,134,176)
```
#068ab7
```
#068ab7 rgb(6,138,183)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#58686d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f7592 Protanopia 1% of men
#6b759c Deuteranopia 1% of men
#29818b Tritanopia 0.001% of the population

Trichromacy

#567692 Protanomaly 1% of men, 0.01% of women
#537698 Deuteranomaly 6% of men, 0.4% of women
#297e8d Tritanomaly 0.01% of the population

#2a7893 hex color

#2a7893 Color Information

#2a7893 Color Conversion

Color Schemes with #2a7893

Alternatives to #2a7893

#2a7893 Preview

Shades and Tints of #2a7893

Tones of #2a7893

Color Blindness Simulator