#2a7c98 hex color

In a RGB color space, hex #2a7c98 is composed of 16.5% red, 48.6% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 18.4% magenta, 0% yellow and 40.4% black. It has a hue angle of 195.3 degrees, a saturation of 56.7% and a lightness of 38%. #2a7c98 color hex could be obtained by blending #54f8ff with #000031. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 49
- B 60
RGB color chart
- C 72
- M 18
- Y 0
- K 40
CMYK color chart

● #2a7c98 color description : Dark blue.

The hexadecimal color #2a7c98 has RGB values of R:42, G:124, B:152 and CMYK values of C:0.72, M:0.18, Y:0, K:0.4. Its decimal value is 2784408.

Hex triplet	2a7c98	`#2a7c98`
RGB Decimal	42, 124, 152	`rgb(42,124,152)`
RGB Percent	16.5, 48.6, 59.6	`rgb(16.5%,48.6%,59.6%)`
CMYK	72, 18, 0, 40
HSL	195.3°, 56.7, 38	`hsl(195.3,56.7%,38%)`
HSV (or HSB)	195.3°, 72.4, 59.6
Web Safe	336699	`#336699`

CIE-LAB	48.478, -14.946, -22.204
XYZ	13.828, 17.173, 32.29
xyY	0.218, 0.271, 17.173
CIE-LCH	48.478, 26.765, 236.055
CIE-LUV	48.478, -30.031, -30.676
Hunter-Lab	41.441, -12.957, -17.189
Binary	00101010, 01111100, 10011000

#2a7c98
```
#2a7c98 rgb(42,124,152)
```
#98462a
```
#98462a rgb(152,70,42)
```

Complementary Color

#2a987d
```
#2a987d rgb(42,152,125)
```
#2a7c98
```
#2a7c98 rgb(42,124,152)
```
#2a4598
```
#2a4598 rgb(42,69,152)
```

Analogous Color

#987d2a
```
#987d2a rgb(152,125,42)
```
#2a7c98
```
#2a7c98 rgb(42,124,152)
```
#982a45
```
#982a45 rgb(152,42,69)
```

Split Complementary Color

#7c982a
```
#7c982a rgb(124,152,42)
```
#2a7c98
```
#2a7c98 rgb(42,124,152)
```
#982a7c
```
#982a7c rgb(152,42,124)
```

Triadic Color

#2a9846
```
#2a9846 rgb(42,152,70)
```
#2a7c98
```
#2a7c98 rgb(42,124,152)
```
#982a7c
```
#982a7c rgb(152,42,124)
```
#98462a
```
#98462a rgb(152,70,42)
```

Tetradic Color

#194b5c
```
#194b5c rgb(25,75,92)
```
#1f5b70
```
#1f5b70 rgb(31,91,112)
```
#246c84
```
#246c84 rgb(36,108,132)
```
#2a7c98
```
#2a7c98 rgb(42,124,152)
```
#308cac
```
#308cac rgb(48,140,172)
```
#359dc0
```
#359dc0 rgb(53,157,192)
```
#43a9cb
```
#43a9cb rgb(67,169,203)
```

Monochromatic Color

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

#2a9898
```
#2a9898 rgb(42,152,152)
```
#2a8e98
```
#2a8e98 rgb(42,142,152)
```
#2a8598
```
#2a8598 rgb(42,133,152)
```
#2a7c98
```
#2a7c98 rgb(42,124,152)
```
#2a7398
```
#2a7398 rgb(42,115,152)
```
#2a6a98
```
#2a6a98 rgb(42,106,152)
```
#2a6198
```
#2a6198 rgb(42,97,152)
```

Similar Colors

Text with hexadecimal color #2a7c98

This text has a font color of #2a7c98.

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

#2a7c98 background color

This paragraph has a background color of #2a7c98.

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

#2a7c98 border color

This element has a border color of #2a7c98.

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

CSS codes

.text {color:#2a7c98;}

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

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

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, #040b0e is the darkest color, while #fdfeff is the lightest one.

#040b0e
```
#040b0e rgb(4,11,14)
```
#08181d
```
#08181d rgb(8,24,29)
```
#0c242c
```
#0c242c rgb(12,36,44)
```
#11313c
```
#11313c rgb(17,49,60)
```
#153d4b
```
#153d4b rgb(21,61,75)
```
#194a5b
```
#194a5b rgb(25,74,91)
```
#1d566a
```
#1d566a rgb(29,86,106)
```
#226379
```
#226379 rgb(34,99,121)
```
#266f89
```
#266f89 rgb(38,111,137)
```
#2a7c98
```
#2a7c98 rgb(42,124,152)
```
#2e89a7
```
#2e89a7 rgb(46,137,167)
```
#3295b7
```
#3295b7 rgb(50,149,183)
```
#37a2c6
```
#37a2c6 rgb(55,162,198)
```

Shade Color Variation

#45a9cc
```
#45a9cc rgb(69,169,204)
```
#54b0d0
```
#54b0d0 rgb(84,176,208)
```
#64b7d4
```
#64b7d4 rgb(100,183,212)
```
#73bfd8
```
#73bfd8 rgb(115,191,216)
```
#82c6dd
```
#82c6dd rgb(130,198,221)
```
#92cde1
```
#92cde1 rgb(146,205,225)
```
#a1d4e5
```
#a1d4e5 rgb(161,212,229)
```
#b0dbe9
```
#b0dbe9 rgb(176,219,233)
```
#c0e2ee
```
#c0e2ee rgb(192,226,238)
```
#cfe9f2
```
#cfe9f2 rgb(207,233,242)
```
#dff0f6
```
#dff0f6 rgb(223,240,246)
```
#eef7fa
```
#eef7fa rgb(238,247,250)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#5e6264
```
#5e6264 rgb(94,98,100)
```
#57666b
```
#57666b rgb(87,102,107)
```
#4f6a73
```
#4f6a73 rgb(79,106,115)
```
#486d7a
```
#486d7a rgb(72,109,122)
```
#407182
```
#407182 rgb(64,113,130)
```
#397589
```
#397589 rgb(57,117,137)
```
#317891
```
#317891 rgb(49,120,145)
```
#2a7c98
```
#2a7c98 rgb(42,124,152)
```
#23809f
```
#23809f rgb(35,128,159)
```
#1b83a7
```
#1b83a7 rgb(27,131,167)
```
#1487ae
```
#1487ae rgb(20,135,174)
```
#0c8bb6
```
#0c8bb6 rgb(12,139,182)
```
#058ebd
```
#058ebd rgb(5,142,189)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5b6b71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727997 Protanopia 1% of men
#6e78a1 Deuteranopia 1% of men
#28858f Tritanopia 0.001% of the population

Trichromacy

#587a97 Protanomaly 1% of men, 0.01% of women
#557a9d Deuteranomaly 6% of men, 0.4% of women
#288192 Tritanomaly 0.01% of the population

#2a7c98 hex color

#2a7c98 Color Information

#2a7c98 Color Conversion

Color Schemes with #2a7c98

Alternatives to #2a7c98

#2a7c98 Preview

Shades and Tints of #2a7c98

Tones of #2a7c98

Color Blindness Simulator