#2988ef hex color

In a RGB color space, hex #2988ef is composed of 16.1% red, 53.3% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 82.8% cyan, 43.1% magenta, 0% yellow and 6.3% black. It has a hue angle of 211.2 degrees, a saturation of 86.1% and a lightness of 54.9%. #2988ef color hex could be obtained by blending #52ffff with #0011df. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 53
- B 94
RGB color chart
- C 83
- M 43
- Y 0
- K 6
CMYK color chart

● #2988ef color description : Bright blue.

The hexadecimal color #2988ef has RGB values of R:41, G:136, B:239 and CMYK values of C:0.83, M:0.43, Y:0, K:0.06. Its decimal value is 2722031.

Hex triplet	2988ef	`#2988ef`
RGB Decimal	41, 136, 239	`rgb(41,136,239)`
RGB Percent	16.1, 53.3, 93.7	`rgb(16.1%,53.3%,93.7%)`
CMYK	83, 43, 0, 6
HSL	211.2°, 86.1, 54.9	`hsl(211.2,86.1%,54.9%)`
HSV (or HSB)	211.2°, 82.8, 93.7
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.396, 9.561, -59.345
XYZ	25.295, 24.31, 85.016
xyY	0.188, 0.181, 24.31
CIE-LCH	56.396, 60.11, 279.152
CIE-LUV	56.396, -30.036, -94.669
Hunter-Lab	49.305, 5.293, -67.72
Binary	00101001, 10001000, 11101111

#2988ef
```
#2988ef rgb(41,136,239)
```
#ef9029
```
#ef9029 rgb(239,144,41)
```

Complementary Color

#29ebef
```
#29ebef rgb(41,235,239)
```
#2988ef
```
#2988ef rgb(41,136,239)
```
#2d29ef
```
#2d29ef rgb(45,41,239)
```

Analogous Color

#ebef29
```
#ebef29 rgb(235,239,41)
```
#2988ef
```
#2988ef rgb(41,136,239)
```
#ef2d29
```
#ef2d29 rgb(239,45,41)
```

Split Complementary Color

#88ef29
```
#88ef29 rgb(136,239,41)
```
#2988ef
```
#2988ef rgb(41,136,239)
```
#ef2988
```
#ef2988 rgb(239,41,136)
```

Triadic Color

#29ef90
```
#29ef90 rgb(41,239,144)
```
#2988ef
```
#2988ef rgb(41,136,239)
```
#ef2988
```
#ef2988 rgb(239,41,136)
```
#ef9029
```
#ef9029 rgb(239,144,41)
```

Tetradic Color

#0e62bd
```
#0e62bd rgb(14,98,189)
```
#106fd5
```
#106fd5 rgb(16,111,213)
```
#127bed
```
#127bed rgb(18,123,237)
```
#2988ef
```
#2988ef rgb(41,136,239)
```
#4195f1
```
#4195f1 rgb(65,149,241)
```
#58a2f3
```
#58a2f3 rgb(88,162,243)
```
#70b0f4
```
#70b0f4 rgb(112,176,244)
```

Monochromatic Color

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

#29baef
```
#29baef rgb(41,186,239)
```
#29a9ef
```
#29a9ef rgb(41,169,239)
```
#2999ef
```
#2999ef rgb(41,153,239)
```
#2988ef
```
#2988ef rgb(41,136,239)
```
#2978ef
```
#2978ef rgb(41,120,239)
```
#2967ef
```
#2967ef rgb(41,103,239)
```
#2957ef
```
#2957ef rgb(41,87,239)
```

Similar Colors

Text with hexadecimal color #2988ef

This text has a font color of #2988ef.

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

#2988ef background color

This paragraph has a background color of #2988ef.

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

#2988ef border color

This element has a border color of #2988ef.

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

CSS codes

.text {color:#2988ef;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#020c17
```
#020c17 rgb(2,12,23)
```
#03162a
```
#03162a rgb(3,22,42)
```
#041f3c
```
#041f3c rgb(4,31,60)
```
#06284e
```
#06284e rgb(6,40,78)
```
#073260
```
#073260 rgb(7,50,96)
```
#093b73
```
#093b73 rgb(9,59,115)
```
#0a4585
```
#0a4585 rgb(10,69,133)
```
#0b4e97
```
#0b4e97 rgb(11,78,151)
```
#0d58a9
```
#0d58a9 rgb(13,88,169)
```
#0e61bc
```
#0e61bc rgb(14,97,188)
```
#0f6bce
```
#0f6bce rgb(15,107,206)
```
#1174e0
```
#1174e0 rgb(17,116,224)
```

Shade Color Variation

#177eee
```
#177eee rgb(23,126,238)
```
#2988ef
```
#2988ef rgb(41,136,239)
```
#3b92f0
```
#3b92f0 rgb(59,146,240)
```
#4e9cf2
```
#4e9cf2 rgb(78,156,242)
```
#60a6f3
```
#60a6f3 rgb(96,166,243)
```
#72b1f4
```
#72b1f4 rgb(114,177,244)
```
#84bbf6
```
#84bbf6 rgb(132,187,246)
```
#97c5f7
```
#97c5f7 rgb(151,197,247)
```
#a9cff9
```
#a9cff9 rgb(169,207,249)
```
#bbd9fa
```
#bbd9fa rgb(187,217,250)
```
#cde3fb
```
#cde3fb rgb(205,227,251)
```
#e0edfd
```
#e0edfd rgb(224,237,253)
```
#f2f8fe
```
#f2f8fe rgb(242,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8c8e is the less saturated color, while #2088f8 is the most saturated one.

#8a8c8e
```
#8a8c8e rgb(138,140,142)
```
#818c97
```
#818c97 rgb(129,140,151)
```
#798b9f
```
#798b9f rgb(121,139,159)
```
#708ba8
```
#708ba8 rgb(112,139,168)
```
#678bb1
```
#678bb1 rgb(103,139,177)
```
#5e8aba
```
#5e8aba rgb(94,138,186)
```
#558ac3
```
#558ac3 rgb(85,138,195)
```
#4c89cc
```
#4c89cc rgb(76,137,204)
```
#4489d4
```
#4489d4 rgb(68,137,212)
```
#3b89dd
```
#3b89dd rgb(59,137,221)
```
#3288e6
```
#3288e6 rgb(50,136,230)
```
#2988ef
```
#2988ef rgb(41,136,239)
```
#2088f8
```
#2088f8 rgb(32,136,248)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#677a8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b8aec Protanopia 1% of men
#188fef Deuteranopia 1% of men
#009ba5 Tritanopia 0.001% of the population

Trichromacy

#4989ed Protanomaly 1% of men, 0.01% of women
#1e8cef Deuteranomaly 6% of men, 0.4% of women
#0e94bf Tritanomaly 0.01% of the population

#2988ef hex color

#2988ef Color Information

#2988ef Color Conversion

Color Schemes with #2988ef

Alternatives to #2988ef

#2988ef Preview

Shades and Tints of #2988ef

Tones of #2988ef

Color Blindness Simulator