#0299fa hex color

In a RGB color space, hex #0299fa is composed of 0.8% red, 60% green and 98% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 38.8% magenta, 0% yellow and 2% black. It has a hue angle of 203.5 degrees, a saturation of 98.4% and a lightness of 49.4%. #0299fa color hex could be obtained by blending #04ffff with #0033f5. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 1
- G 60
- B 98
RGB color chart
- C 99
- M 39
- Y 0
- K 2
CMYK color chart

● #0299fa color description : Vivid blue.

The hexadecimal color #0299fa has RGB values of R:2, G:153, B:250 and CMYK values of C:0.99, M:0.39, Y:0, K:0.02. Its decimal value is 170490.

Hex triplet	0299fa	`#0299fa`
RGB Decimal	2, 153, 250	`rgb(2,153,250)`
RGB Percent	0.8, 60, 98	`rgb(0.8%,60%,98%)`
CMYK	99, 39, 0, 2
HSL	203.5°, 98.4, 49.4	`hsl(203.5,98.4%,49.4%)`
HSV (or HSB)	203.5°, 99.2, 98
Web Safe	0099ff	`#0099ff`

CIE-LAB	61.39, 1.738, -57.45
XYZ	28.667, 29.695, 94.658
xyY	0.187, 0.194, 29.695
CIE-LCH	61.39, 57.476, 271.733
CIE-LUV	61.39, -37.168, -92.408
Hunter-Lab	54.493, -1.458, -64.846
Binary	00000010, 10011001, 11111010

#0299fa
```
#0299fa rgb(2,153,250)
```
#fa6302
```
#fa6302 rgb(250,99,2)
```

Complementary Color

#02fadf
```
#02fadf rgb(2,250,223)
```
#0299fa
```
#0299fa rgb(2,153,250)
```
#021dfa
```
#021dfa rgb(2,29,250)
```

Analogous Color

#fadf02
```
#fadf02 rgb(250,223,2)
```
#0299fa
```
#0299fa rgb(2,153,250)
```
#fa021d
```
#fa021d rgb(250,2,29)
```

Split Complementary Color

#99fa02
```
#99fa02 rgb(153,250,2)
```
#0299fa
```
#0299fa rgb(2,153,250)
```
#fa0299
```
#fa0299 rgb(250,2,153)
```

Triadic Color

#02fa63
```
#02fa63 rgb(2,250,99)
```
#0299fa
```
#0299fa rgb(2,153,250)
```
#fa0299
```
#fa0299 rgb(250,2,153)
```
#fa6302
```
#fa6302 rgb(250,99,2)
```

Tetradic Color

#016bae
```
#016bae rgb(1,107,174)
```
#027ac7
```
#027ac7 rgb(2,122,199)
```
#028ae1
```
#028ae1 rgb(2,138,225)
```
#0299fa
```
#0299fa rgb(2,153,250)
```
#18a4fd
```
#18a4fd rgb(24,164,253)
```
#32aefd
```
#32aefd rgb(50,174,253)
```
#4bb8fe
```
#4bb8fe rgb(75,184,254)
```

Monochromatic Color

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

#02d7fa
```
#02d7fa rgb(2,215,250)
```
#02c2fa
```
#02c2fa rgb(2,194,250)
```
#02aefa
```
#02aefa rgb(2,174,250)
```
#0299fa
```
#0299fa rgb(2,153,250)
```
#0284fa
```
#0284fa rgb(2,132,250)
```
#0270fa
```
#0270fa rgb(2,112,250)
```
#025bfa
```
#025bfa rgb(2,91,250)
```

Similar Colors

Text with hexadecimal color #0299fa

This text has a font color of #0299fa.

<span style="color:#0299fa;">Text here</span>

#0299fa background color

This paragraph has a background color of #0299fa.

<p style="background-color:#0299fa;">Content here</p>

#0299fa border color

This element has a border color of #0299fa.

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

CSS codes

.text {color:#0299fa;}

.background {background-color:#0299fa;}

.border {border:1px solid #0299fa;}

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

#000a10
```
#000a10 rgb(0,10,16)
```
#001624
```
#001624 rgb(0,22,36)
```
#002237
```
#002237 rgb(0,34,55)
```
#012e4b
```
#012e4b rgb(1,46,75)
```
#013a5e
```
#013a5e rgb(1,58,94)
```
#014672
```
#014672 rgb(1,70,114)
```
#015285
```
#015285 rgb(1,82,133)
```
#015d99
```
#015d99 rgb(1,93,153)
```
#0169ac
```
#0169ac rgb(1,105,172)
```
#0275c0
```
#0275c0 rgb(2,117,192)
```
#0281d3
```
#0281d3 rgb(2,129,211)
```
#028de7
```
#028de7 rgb(2,141,231)
```
#0299fa
```
#0299fa rgb(2,153,250)
```

Shade Color Variation

#13a1fd
```
#13a1fd rgb(19,161,253)
```
#26a9fd
```
#26a9fd rgb(38,169,253)
```
#39b1fd
```
#39b1fd rgb(57,177,253)
```
#4db8fe
```
#4db8fe rgb(77,184,254)
```
#60c0fe
```
#60c0fe rgb(96,192,254)
```
#74c8fe
```
#74c8fe rgb(116,200,254)
```
#87d0fe
```
#87d0fe rgb(135,208,254)
```
#9bd7fe
```
#9bd7fe rgb(155,215,254)
```
#aedffe
```
#aedffe rgb(174,223,254)
```
#c2e7ff
```
#c2e7ff rgb(194,231,255)
```
#d5eeff
```
#d5eeff rgb(213,238,255)
```
#e9f6ff
```
#e9f6ff rgb(233,246,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#768086
```
#768086 rgb(118,128,134)
```
#6d828f
```
#6d828f rgb(109,130,143)
```
#638499
```
#638499 rgb(99,132,153)
```
#5986a3
```
#5986a3 rgb(89,134,163)
```
#5088ac
```
#5088ac rgb(80,136,172)
```
#468ab6
```
#468ab6 rgb(70,138,182)
```
#3c8cc0
```
#3c8cc0 rgb(60,140,192)
```
#328eca
```
#328eca rgb(50,142,202)
```
#2991d3
```
#2991d3 rgb(41,145,211)
```
#1f93dd
```
#1f93dd rgb(31,147,221)
```
#1595e7
```
#1595e7 rgb(21,149,231)
```
#0c97f0
```
#0c97f0 rgb(12,151,240)
```
#0299fa
```
#0299fa rgb(2,153,250)
```

Tone Color Variation

Below, you can see how #0299fa 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
#607e91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f96f4 Protanopia 1% of men
#449bfb Deuteranopia 1% of men
#00a8b3 Tritanopia 0.001% of the population

Trichromacy

#4797f6 Protanomaly 1% of men, 0.01% of women
#2c9afa Deuteranomaly 6% of men, 0.4% of women
#00a3cc Tritanomaly 0.01% of the population

#0299fa hex color

#0299fa Color Information

#0299fa Color Conversion

Color Schemes with #0299fa

Alternatives to #0299fa

#0299fa Preview

Shades and Tints of #0299fa

Tones of #0299fa

Color Blindness Simulator