#0298e5 hex color

In a RGB color space, hex #0298e5 is composed of 0.8% red, 59.6% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 33.6% magenta, 0% yellow and 10.2% black. It has a hue angle of 200.4 degrees, a saturation of 98.3% and a lightness of 45.3%. #0298e5 color hex could be obtained by blending #04ffff with #0031cb. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 1
- G 60
- B 90
RGB color chart
- C 99
- M 34
- Y 0
- K 10
CMYK color chart

● #0298e5 color description : Vivid blue.

The hexadecimal color #0298e5 has RGB values of R:2, G:152, B:229 and CMYK values of C:0.99, M:0.34, Y:0, K:0.1. Its decimal value is 170213.

Hex triplet	0298e5	`#0298e5`
RGB Decimal	2, 152, 229	`rgb(2,152,229)`
RGB Percent	0.8, 59.6, 89.8	`rgb(0.8%,59.6%,89.8%)`
CMYK	99, 34, 0, 10
HSL	200.4°, 98.3, 45.3	`hsl(200.4,98.3%,45.3%)`
HSV (or HSB)	200.4°, 99.1, 89.8
Web Safe	0099cc	`#0099cc`

CIE-LAB	60.001, -5.561, -48.082
XYZ	25.393, 28.124, 78.215
xyY	0.193, 0.213, 28.124
CIE-LCH	60.001, 48.403, 263.402
CIE-LUV	60.001, -38.132, -75.771
Hunter-Lab	53.032, -7.338, -50.322
Binary	00000010, 10011000, 11100101

#0298e5
```
#0298e5 rgb(2,152,229)
```
#e54f02
```
#e54f02 rgb(229,79,2)
```

Complementary Color

#02e5c1
```
#02e5c1 rgb(2,229,193)
```
#0298e5
```
#0298e5 rgb(2,152,229)
```
#0227e5
```
#0227e5 rgb(2,39,229)
```

Analogous Color

#e5c102
```
#e5c102 rgb(229,193,2)
```
#0298e5
```
#0298e5 rgb(2,152,229)
```
#e50227
```
#e50227 rgb(229,2,39)
```

Split Complementary Color

#98e502
```
#98e502 rgb(152,229,2)
```
#0298e5
```
#0298e5 rgb(2,152,229)
```
#e50298
```
#e50298 rgb(229,2,152)
```

Triadic Color

#02e54f
```
#02e54f rgb(2,229,79)
```
#0298e5
```
#0298e5 rgb(2,152,229)
```
#e50298
```
#e50298 rgb(229,2,152)
```
#e54f02
```
#e54f02 rgb(229,79,2)
```

Tetradic Color

#016699
```
#016699 rgb(1,102,153)
```
#0276b2
```
#0276b2 rgb(2,118,178)
```
#0287cc
```
#0287cc rgb(2,135,204)
```
#0298e5
```
#0298e5 rgb(2,152,229)
```
#04a8fd
```
#04a8fd rgb(4,168,253)
```
#1db1fd
```
#1db1fd rgb(29,177,253)
```
#36bafd
```
#36bafd rgb(54,186,253)
```

Monochromatic Color

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

#02d1e5
```
#02d1e5 rgb(2,209,229)
```
#02bee5
```
#02bee5 rgb(2,190,229)
```
#02abe5
```
#02abe5 rgb(2,171,229)
```
#0298e5
```
#0298e5 rgb(2,152,229)
```
#0285e5
```
#0285e5 rgb(2,133,229)
```
#0272e5
```
#0272e5 rgb(2,114,229)
```
#025fe5
```
#025fe5 rgb(2,95,229)
```

Similar Colors

Text with hexadecimal color #0298e5

This text has a font color of #0298e5.

<span style="color:#0298e5;">Text here</span>

#0298e5 background color

This paragraph has a background color of #0298e5.

<p style="background-color:#0298e5;">Content here</p>

#0298e5 border color

This element has a border color of #0298e5.

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

CSS codes

.text {color:#0298e5;}

.background {background-color:#0298e5;}

.border {border:1px solid #0298e5;}

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, #000a0f is the darkest color, while #fbfeff is the lightest one.

#000a0f
```
#000a0f rgb(0,10,15)
```
#001723
```
#001723 rgb(0,23,35)
```
#002436
```
#002436 rgb(0,36,54)
```
#013149
```
#013149 rgb(1,49,73)
```
#013e5d
```
#013e5d rgb(1,62,93)
```
#014b70
```
#014b70 rgb(1,75,112)
```
#015784
```
#015784 rgb(1,87,132)
```
#016497
```
#016497 rgb(1,100,151)
```
#0171ab
```
#0171ab rgb(1,113,171)
```
#027ebe
```
#027ebe rgb(2,126,190)
```
#028bd2
```
#028bd2 rgb(2,139,210)
```
#0298e5
```
#0298e5 rgb(2,152,229)
```
#02a5f8
```
#02a5f8 rgb(2,165,248)
```

Shade Color Variation

#11adfd
```
#11adfd rgb(17,173,253)
```
#25b4fd
```
#25b4fd rgb(37,180,253)
```
#38bafd
```
#38bafd rgb(56,186,253)
```
#4cc1fd
```
#4cc1fd rgb(76,193,253)
```
#5fc8fe
```
#5fc8fe rgb(95,200,254)
```
#73cffe
```
#73cffe rgb(115,207,254)
```
#86d5fe
```
#86d5fe rgb(134,213,254)
```
#99dcfe
```
#99dcfe rgb(153,220,254)
```
#ade3fe
```
#ade3fe rgb(173,227,254)
```
#c0e9fe
```
#c0e9fe rgb(192,233,254)
```
#d4f0ff
```
#d4f0ff rgb(212,240,255)
```
#e7f7ff
```
#e7f7ff rgb(231,247,255)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#6d767a
```
#6d767a rgb(109,118,122)
```
#647983
```
#647983 rgb(100,121,131)
```
#5b7b8c
```
#5b7b8c rgb(91,123,140)
```
#527e95
```
#527e95 rgb(82,126,149)
```
#49819e
```
#49819e rgb(73,129,158)
```
#4084a7
```
#4084a7 rgb(64,132,167)
```
#3787b0
```
#3787b0 rgb(55,135,176)
```
#2e8ab9
```
#2e8ab9 rgb(46,138,185)
```
#268dc1
```
#268dc1 rgb(38,141,193)
```
#1d8fca
```
#1d8fca rgb(29,143,202)
```
#1492d3
```
#1492d3 rgb(20,146,211)
```
#0b95dc
```
#0b95dc rgb(11,149,220)
```
#0298e5
```
#0298e5 rgb(2,152,229)
```

Tone Color Variation

Below, you can see how #0298e5 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

#747474 Achromatopsia 0.005% of the population
#5d7b8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7893de Protanopia 1% of men
#5f96e9 Deuteranopia 1% of men
#00a5af Tritanopia 0.001% of the population

Trichromacy

#4d95e1 Protanomaly 1% of men, 0.01% of women
#3d97e7 Deuteranomaly 6% of men, 0.4% of women
#00a0c2 Tritanomaly 0.01% of the population

#0298e5 hex color

#0298e5 Color Information

#0298e5 Color Conversion

Color Schemes with #0298e5

Alternatives to #0298e5

#0298e5 Preview

Shades and Tints of #0298e5

Tones of #0298e5

Color Blindness Simulator