#2a98e4 hex color

In a RGB color space, hex #2a98e4 is composed of 16.5% red, 59.6% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 33.3% magenta, 0% yellow and 10.6% black. It has a hue angle of 204.5 degrees, a saturation of 77.5% and a lightness of 52.9%. #2a98e4 color hex could be obtained by blending #54ffff with #0031c9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 60
- B 89
RGB color chart
- C 82
- M 33
- Y 0
- K 11
CMYK color chart

● #2a98e4 color description : Bright blue.

The hexadecimal color #2a98e4 has RGB values of R:42, G:152, B:228 and CMYK values of C:0.82, M:0.33, Y:0, K:0.11. Its decimal value is 2791652.

Hex triplet	2a98e4	`#2a98e4`
RGB Decimal	42, 152, 228	`rgb(42,152,228)`
RGB Percent	16.5, 59.6, 89.4	`rgb(16.5%,59.6%,89.4%)`
CMYK	82, 33, 0, 11
HSL	204.5°, 77.5, 52.9	`hsl(204.5,77.5%,52.9%)`
HSV (or HSB)	204.5°, 81.6, 89.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.38, -3.89, -46.899
XYZ	26.183, 28.548, 77.525
xyY	0.198, 0.216, 28.548
CIE-LCH	60.38, 47.061, 265.258
CIE-LUV	60.38, -35.624, -74.047
Hunter-Lab	53.43, -6.03, -48.626
Binary	00101010, 10011000, 11100100

#2a98e4
```
#2a98e4 rgb(42,152,228)
```
#e4762a
```
#e4762a rgb(228,118,42)
```

Complementary Color

#2ae4d3
```
#2ae4d3 rgb(42,228,211)
```
#2a98e4
```
#2a98e4 rgb(42,152,228)
```
#2a3be4
```
#2a3be4 rgb(42,59,228)
```

Analogous Color

#e4d32a
```
#e4d32a rgb(228,211,42)
```
#2a98e4
```
#2a98e4 rgb(42,152,228)
```
#e42a3b
```
#e42a3b rgb(228,42,59)
```

Split Complementary Color

#98e42a
```
#98e42a rgb(152,228,42)
```
#2a98e4
```
#2a98e4 rgb(42,152,228)
```
#e42a98
```
#e42a98 rgb(228,42,152)
```

Triadic Color

#2ae476
```
#2ae476 rgb(42,228,118)
```
#2a98e4
```
#2a98e4 rgb(42,152,228)
```
#e42a98
```
#e42a98 rgb(228,42,152)
```
#e4762a
```
#e4762a rgb(228,118,42)
```

Tetradic Color

#166eac
```
#166eac rgb(22,110,172)
```
#197dc2
```
#197dc2 rgb(25,125,194)
```
#1c8cd9
```
#1c8cd9 rgb(28,140,217)
```
#2a98e4
```
#2a98e4 rgb(42,152,228)
```
#41a3e7
```
#41a3e7 rgb(65,163,231)
```
#57aeea
```
#57aeea rgb(87,174,234)
```
#6eb9ed
```
#6eb9ed rgb(110,185,237)
```

Monochromatic Color

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

#2ac7e4
```
#2ac7e4 rgb(42,199,228)
```
#2ab7e4
```
#2ab7e4 rgb(42,183,228)
```
#2aa8e4
```
#2aa8e4 rgb(42,168,228)
```
#2a98e4
```
#2a98e4 rgb(42,152,228)
```
#2a89e4
```
#2a89e4 rgb(42,137,228)
```
#2a79e4
```
#2a79e4 rgb(42,121,228)
```
#2a6ae4
```
#2a6ae4 rgb(42,106,228)
```

Similar Colors

Text with hexadecimal color #2a98e4

This text has a font color of #2a98e4.

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

#2a98e4 background color

This paragraph has a background color of #2a98e4.

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

#2a98e4 border color

This element has a border color of #2a98e4.

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

CSS codes

.text {color:#2a98e4;}

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

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

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, #02090d is the darkest color, while #fbfdfe is the lightest one.

#02090d
```
#02090d rgb(2,9,13)
```
#04141f
```
#04141f rgb(4,20,31)
```
#061f30
```
#061f30 rgb(6,31,48)
```
#082a42
```
#082a42 rgb(8,42,66)
```
#0b3553
```
#0b3553 rgb(11,53,83)
```
#0d4164
```
#0d4164 rgb(13,65,100)
```
#0f4c76
```
#0f4c76 rgb(15,76,118)
```
#115787
```
#115787 rgb(17,87,135)
```
#136299
```
#136299 rgb(19,98,153)
```
#166daa
```
#166daa rgb(22,109,170)
```
#1879bb
```
#1879bb rgb(24,121,187)
```
#1a84cd
```
#1a84cd rgb(26,132,205)
```
#1c8fde
```
#1c8fde rgb(28,143,222)
```

Shade Color Variation

#2a98e4
```
#2a98e4 rgb(42,152,228)
```
#3ba0e6
```
#3ba0e6 rgb(59,160,230)
```
#4da9e8
```
#4da9e8 rgb(77,169,232)
```
#5eb1eb
```
#5eb1eb rgb(94,177,235)
```
#70baed
```
#70baed rgb(112,186,237)
```
#81c2ef
```
#81c2ef rgb(129,194,239)
```
#92cbf1
```
#92cbf1 rgb(146,203,241)
```
#a4d3f3
```
#a4d3f3 rgb(164,211,243)
```
#b5dbf6
```
#b5dbf6 rgb(181,219,246)
```
#c7e4f8
```
#c7e4f8 rgb(199,228,248)
```
#d8ecfa
```
#d8ecfa rgb(216,236,250)
```
#e9f5fc
```
#e9f5fc rgb(233,245,252)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868788 is the less saturated color, while #189bf6 is the most saturated one.

#868788
```
#868788 rgb(134,135,136)
```
#7d8991
```
#7d8991 rgb(125,137,145)
```
#748b9a
```
#748b9a rgb(116,139,154)
```
#6b8ca3
```
#6b8ca3 rgb(107,140,163)
```
#618ead
```
#618ead rgb(97,142,173)
```
#5890b6
```
#5890b6 rgb(88,144,182)
```
#4f91bf
```
#4f91bf rgb(79,145,191)
```
#4693c8
```
#4693c8 rgb(70,147,200)
```
#3c95d2
```
#3c95d2 rgb(60,149,210)
```
#3396db
```
#3396db rgb(51,150,219)
```
#2a98e4
```
#2a98e4 rgb(42,152,228)
```
#219aed
```
#219aed rgb(33,154,237)
```
#189bf6
```
#189bf6 rgb(24,155,246)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#6f8594 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a94de Protanopia 1% of men
#6497e7 Deuteranopia 1% of men
#00a6b1 Tritanopia 0.001% of the population

Trichromacy

#5d95e0 Protanomaly 1% of men, 0.01% of women
#4e97e6 Deuteranomaly 6% of men, 0.4% of women
#0fa0c3 Tritanomaly 0.01% of the population

#2a98e4 hex color

#2a98e4 Color Information

#2a98e4 Color Conversion

Color Schemes with #2a98e4

Alternatives to #2a98e4

#2a98e4 Preview

Shades and Tints of #2a98e4

Tones of #2a98e4

Color Blindness Simulator