#0090f2 hex color

In a RGB color space, hex #0090f2 is composed of 0% red, 56.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 40.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 204.3 degrees, a saturation of 100% and a lightness of 47.5%. #0090f2 color hex could be obtained by blending #00ffff with #0021e5. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 0
- G 56
- B 95
RGB color chart
- C 100
- M 40
- Y 0
- K 5
CMYK color chart

● #0090f2 color description : Pure (or mostly pure) blue.

The hexadecimal color #0090f2 has RGB values of R:0, G:144, B:242 and CMYK values of C:1, M:0.4, Y:0, K:0.05. Its decimal value is 37106.

Hex triplet	0090f2	`#0090f2`
RGB Decimal	0, 144, 242	`rgb(0,144,242)`
RGB Percent	0, 56.5, 94.9	`rgb(0%,56.5%,94.9%)`
CMYK	100, 40, 0, 5
HSL	204.3°, 100, 47.5	`hsl(204.3,100%,47.5%)`
HSV (or HSB)	204.3°, 100, 94.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	58.372, 3.99, -57.868
XYZ	25.996, 26.355, 87.716
xyY	0.186, 0.188, 26.355
CIE-LCH	58.372, 58.005, 273.944
CIE-LUV	58.372, -34.844, -92.426
Hunter-Lab	51.337, 0.551, -65.369
Binary	00000000, 10010000, 11110010

#0090f2
```
#0090f2 rgb(0,144,242)
```
#f26200
```
#f26200 rgb(242,98,0)
```

Complementary Color

#00f2db
```
#00f2db rgb(0,242,219)
```
#0090f2
```
#0090f2 rgb(0,144,242)
```
#0017f2
```
#0017f2 rgb(0,23,242)
```

Analogous Color

#f2db00
```
#f2db00 rgb(242,219,0)
```
#0090f2
```
#0090f2 rgb(0,144,242)
```
#f20017
```
#f20017 rgb(242,0,23)
```

Split Complementary Color

#90f200
```
#90f200 rgb(144,242,0)
```
#0090f2
```
#0090f2 rgb(0,144,242)
```
#f20090
```
#f20090 rgb(242,0,144)
```

Triadic Color

#00f262
```
#00f262 rgb(0,242,98)
```
#0090f2
```
#0090f2 rgb(0,144,242)
```
#f20090
```
#f20090 rgb(242,0,144)
```
#f26200
```
#f26200 rgb(242,98,0)
```

Tetradic Color

#0062a6
```
#0062a6 rgb(0,98,166)
```
#0072bf
```
#0072bf rgb(0,114,191)
```
#0081d9
```
#0081d9 rgb(0,129,217)
```
#0090f2
```
#0090f2 rgb(0,144,242)
```
#0d9dff
```
#0d9dff rgb(13,157,255)
```
#26a7ff
```
#26a7ff rgb(38,167,255)
```
#40b1ff
```
#40b1ff rgb(64,177,255)
```

Monochromatic Color

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

#00cdf2
```
#00cdf2 rgb(0,205,242)
```
#00b8f2
```
#00b8f2 rgb(0,184,242)
```
#00a4f2
```
#00a4f2 rgb(0,164,242)
```
#0090f2
```
#0090f2 rgb(0,144,242)
```
#007cf2
```
#007cf2 rgb(0,124,242)
```
#0068f2
```
#0068f2 rgb(0,104,242)
```
#0053f2
```
#0053f2 rgb(0,83,242)
```

Similar Colors

Text with hexadecimal color #0090f2

This text has a font color of #0090f2.

<span style="color:#0090f2;">Text here</span>

#0090f2 background color

This paragraph has a background color of #0090f2.

<p style="background-color:#0090f2;">Content here</p>

#0090f2 border color

This element has a border color of #0090f2.

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

CSS codes

.text {color:#0090f2;}

.background {background-color:#0090f2;}

.border {border:1px solid #0090f2;}

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

#000407
```
#000407 rgb(0,4,7)
```
#00101a
```
#00101a rgb(0,16,26)
```
#001b2e
```
#001b2e rgb(0,27,46)
```
#002741
```
#002741 rgb(0,39,65)
```
#003355
```
#003355 rgb(0,51,85)
```
#003e69
```
#003e69 rgb(0,62,105)
```
#004a7c
```
#004a7c rgb(0,74,124)
```
#005690
```
#005690 rgb(0,86,144)
```
#0061a4
```
#0061a4 rgb(0,97,164)
```
#006db7
```
#006db7 rgb(0,109,183)
```
#0079cb
```
#0079cb rgb(0,121,203)
```
#0084de
```
#0084de rgb(0,132,222)
```
#0090f2
```
#0090f2 rgb(0,144,242)
```

Shade Color Variation

#079aff
```
#079aff rgb(7,154,255)
```
#1aa2ff
```
#1aa2ff rgb(26,162,255)
```
#2eaaff
```
#2eaaff rgb(46,170,255)
```
#41b2ff
```
#41b2ff rgb(65,178,255)
```
#55baff
```
#55baff rgb(85,186,255)
```
#69c2ff
```
#69c2ff rgb(105,194,255)
```
#7ccaff
```
#7ccaff rgb(124,202,255)
```
#90d2ff
```
#90d2ff rgb(144,210,255)
```
#a4daff
```
#a4daff rgb(164,218,255)
```
#b7e2ff
```
#b7e2ff rgb(183,226,255)
```
#cbeaff
```
#cbeaff rgb(203,234,255)
```
#def2ff
```
#def2ff rgb(222,242,255)
```
#f2faff
```
#f2faff rgb(242,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707b82 is the less saturated color, while #0090f2 is the most saturated one.

#707b82
```
#707b82 rgb(112,123,130)
```
#667d8c
```
#667d8c rgb(102,125,140)
```
#5d7e95
```
#5d7e95 rgb(93,126,149)
```
#54809e
```
#54809e rgb(84,128,158)
```
#4a82a8
```
#4a82a8 rgb(74,130,168)
```
#4184b1
```
#4184b1 rgb(65,132,177)
```
#3885ba
```
#3885ba rgb(56,133,186)
```
#2f87c3
```
#2f87c3 rgb(47,135,195)
```
#2589cd
```
#2589cd rgb(37,137,205)
```
#1c8bd6
```
#1c8bd6 rgb(28,139,214)
```
#138cdf
```
#138cdf rgb(19,140,223)
```
#098ee9
```
#098ee9 rgb(9,142,233)
```
#0090f2
```
#0090f2 rgb(0,144,242)
```

Tone Color Variation

Below, you can see how #0090f2 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
#5a768a Atypical Achromatopsia 0.001% of the population

Dichromacy

#668fed Protanopia 1% of men
#3294f3 Deuteranopia 1% of men
#00a0aa Tritanopia 0.001% of the population

Trichromacy

#408fee Protanomaly 1% of men, 0.01% of women
#2092f2 Deuteranomaly 6% of men, 0.4% of women
#009ac4 Tritanomaly 0.01% of the population

#0090f2 hex color

#0090f2 Color Information

#0090f2 Color Conversion

Color Schemes with #0090f2

Alternatives to #0090f2

#0090f2 Preview

Shades and Tints of #0090f2

Tones of #0090f2

Color Blindness Simulator