colorhexa.com

#2988b2 hex color

In a RGB color space, hex #2988b2 is composed of 16.1% red, 53.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 23.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 198.4 degrees, a saturation of 62.6% and a lightness of 42.9%. #2988b2 color hex could be obtained by blending #52ffff with #001165. Closest websafe color is: #339999.

- R 16
- G 53
- B 70
RGB color chart
- C 77
- M 24
- Y 0
- K 30
CMYK color chart

● #2988b2 color description : Dark blue.

The hexadecimal color #2988b2 has RGB values of R:41, G:136, B:178 and CMYK values of C:0.77, M:0.24, Y:0, K:0.3. Its decimal value is 2721970.

Hex triplet	2988b2	`#2988b2`
RGB Decimal	41, 136, 178	`rgb(41,136,178)`
RGB Percent	16.1, 53.3, 69.8	`rgb(16.1%,53.3%,69.8%)`
CMYK	77, 24, 0, 30
HSL	198.4°, 62.6, 42.9	`hsl(198.4,62.6%,42.9%)`
HSV (or HSB)	198.4°, 77, 69.8
Web Safe	339999	`#339999`

CIE-LAB	53.268, -12.76, -29.868
XYZ	17.752, 21.293, 45.291
xyY	0.21, 0.252, 21.293
CIE-LCH	53.268, 32.48, 246.867
CIE-LUV	53.268, -33.044, -43.769
Hunter-Lab	46.144, -12.079, -25.894
Binary	00101001, 10001000, 10110010

#2988b2
```
#2988b2 rgb(41,136,178)
```
#b25329
```
#b25329 rgb(178,83,41)
```

Complementary Color

#29b298
```
#29b298 rgb(41,178,152)
```
#2988b2
```
#2988b2 rgb(41,136,178)
```
#2944b2
```
#2944b2 rgb(41,68,178)
```

Analogous Color

#b29829
```
#b29829 rgb(178,152,41)
```
#2988b2
```
#2988b2 rgb(41,136,178)
```
#b22944
```
#b22944 rgb(178,41,68)
```

Split Complementary Color

#88b229
```
#88b229 rgb(136,178,41)
```
#2988b2
```
#2988b2 rgb(41,136,178)
```
#b22988
```
#b22988 rgb(178,41,136)
```

Triadic Color

#29b253
```
#29b253 rgb(41,178,83)
```
#2988b2
```
#2988b2 rgb(41,136,178)
```
#b22988
```
#b22988 rgb(178,41,136)
```
#b25329
```
#b25329 rgb(178,83,41)
```

Tetradic Color

#1b5874
```
#1b5874 rgb(27,88,116)
```
#1f6889
```
#1f6889 rgb(31,104,137)
```
#24789d
```
#24789d rgb(36,120,157)
```
#2988b2
```
#2988b2 rgb(41,136,178)
```
#2e98c7
```
#2e98c7 rgb(46,152,199)
```
#3ca4d2
```
#3ca4d2 rgb(60,164,210)
```
#51aed7
```
#51aed7 rgb(81,174,215)
```

Monochromatic Color

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

#29aab2
```
#29aab2 rgb(41,170,178)
```
#299fb2
```
#299fb2 rgb(41,159,178)
```
#2993b2
```
#2993b2 rgb(41,147,178)
```
#2988b2
```
#2988b2 rgb(41,136,178)
```
#297db2
```
#297db2 rgb(41,125,178)
```
#2971b2
```
#2971b2 rgb(41,113,178)
```
#2966b2
```
#2966b2 rgb(41,102,178)
```

Similar Colors

Text with hexadecimal color #2988b2

This text has a font color of #2988b2.

<span style="color:#2988b2;">Text here</span>

#2988b2 background color

This paragraph has a background color of #2988b2.

<p style="background-color:#2988b2;">Content here</p>

#2988b2 border color

This element has a border color of #2988b2.

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

CSS codes

.text {color:#2988b2;}

.background {background-color:#2988b2;}

.border {border:1px solid #2988b2;}

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

#010203
```
#010203 rgb(1,2,3)
```
#040e13
```
#040e13 rgb(4,14,19)
```
#081a23
```
#081a23 rgb(8,26,35)
```
#0c2732
```
#0c2732 rgb(12,39,50)
```
#0f3342
```
#0f3342 rgb(15,51,66)
```
#133f52
```
#133f52 rgb(19,63,82)
```
#174b62
```
#174b62 rgb(23,75,98)
```
#1a5772
```
#1a5772 rgb(26,87,114)
```
#1e6382
```
#1e6382 rgb(30,99,130)
```
#227092
```
#227092 rgb(34,112,146)
```
#257ca2
```
#257ca2 rgb(37,124,162)
```
#2988b2
```
#2988b2 rgb(41,136,178)
```
#2d94c2
```
#2d94c2 rgb(45,148,194)
```

Shade Color Variation

#32a0d0
```
#32a0d0 rgb(50,160,208)
```
#42a7d4
```
#42a7d4 rgb(66,167,212)
```
#52aed7
```
#52aed7 rgb(82,174,215)
```
#62b6db
```
#62b6db rgb(98,182,219)
```
#72bddf
```
#72bddf rgb(114,189,223)
```
#82c5e2
```
#82c5e2 rgb(130,197,226)
```
#92cce6
```
#92cce6 rgb(146,204,230)
```
#a2d4ea
```
#a2d4ea rgb(162,212,234)
```
#b2dbed
```
#b2dbed rgb(178,219,237)
```
#c2e2f1
```
#c2e2f1 rgb(194,226,241)
```
#d2eaf5
```
#d2eaf5 rgb(210,234,245)
```
#e2f1f8
```
#e2f1f8 rgb(226,241,248)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Tint Color Variation

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

#6c6e6f
```
#6c6e6f rgb(108,110,111)
```
#647177
```
#647177 rgb(100,113,119)
```
#5c747f
```
#5c747f rgb(92,116,127)
```
#537888
```
#537888 rgb(83,120,136)
```
#4b7b90
```
#4b7b90 rgb(75,123,144)
```
#427e99
```
#427e99 rgb(66,126,153)
```
#3a81a1
```
#3a81a1 rgb(58,129,161)
```
#3185aa
```
#3185aa rgb(49,133,170)
```
#2988b2
```
#2988b2 rgb(41,136,178)
```
#218bba
```
#218bba rgb(33,139,186)
```
#188fc3
```
#188fc3 rgb(24,143,195)
```
#1092cb
```
#1092cb rgb(16,146,203)
```
#0795d4
```
#0795d4 rgb(7,149,212)
```

Tone Color Variation

Below, you can see how #2988b2 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

#707070 Achromatopsia 0.005% of the population
#62757d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7884af Protanopia 1% of men
#7084b9 Deuteranopia 1% of men
#00929d Tritanopia 0.001% of the population

Trichromacy

#5b85b0 Protanomaly 1% of men, 0.01% of women
#5685b6 Deuteranomaly 6% of men, 0.4% of women
#0e8ea5 Tritanomaly 0.01% of the population