#1a90fa hex color

In a RGB color space, hex #1a90fa is composed of 10.2% red, 56.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 89.6% cyan, 42.4% magenta, 0% yellow and 2% black. It has a hue angle of 208.4 degrees, a saturation of 95.7% and a lightness of 54.1%. #1a90fa color hex could be obtained by blending #34ffff with #0021f5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 10
- G 56
- B 98
RGB color chart
- C 90
- M 42
- Y 0
- K 2
CMYK color chart

● #1a90fa color description : Vivid blue.

The hexadecimal color #1a90fa has RGB values of R:26, G:144, B:250 and CMYK values of C:0.9, M:0.42, Y:0, K:0.02. Its decimal value is 1741050.

Hex triplet	1a90fa	`#1a90fa`
RGB Decimal	26, 144, 250	`rgb(26,144,250)`
RGB Percent	10.2, 56.5, 98	`rgb(10.2%,56.5%,98%)`
CMYK	90, 42, 0, 2
HSL	208.4°, 95.7, 54.1	`hsl(208.4,95.7%,54.1%)`
HSV (or HSB)	208.4°, 89.6, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	59.035, 7.876, -61.204
XYZ	27.651, 27.066, 94.204
xyY	0.186, 0.182, 27.066
CIE-LCH	59.035, 61.709, 277.332
CIE-LUV	59.035, -33.324, -98.421
Hunter-Lab	52.025, 3.827, -70.942
Binary	00011010, 10010000, 11111010

#1a90fa
```
#1a90fa rgb(26,144,250)
```
#fa841a
```
#fa841a rgb(250,132,26)
```

Complementary Color

#1afaf4
```
#1afaf4 rgb(26,250,244)
```
#1a90fa
```
#1a90fa rgb(26,144,250)
```
#1a20fa
```
#1a20fa rgb(26,32,250)
```

Analogous Color

#faf41a
```
#faf41a rgb(250,244,26)
```
#1a90fa
```
#1a90fa rgb(26,144,250)
```
#fa1a20
```
#fa1a20 rgb(250,26,32)
```

Split Complementary Color

#90fa1a
```
#90fa1a rgb(144,250,26)
```
#1a90fa
```
#1a90fa rgb(26,144,250)
```
#fa1a90
```
#fa1a90 rgb(250,26,144)
```

Triadic Color

#1afa84
```
#1afa84 rgb(26,250,132)
```
#1a90fa
```
#1a90fa rgb(26,144,250)
```
#fa1a90
```
#fa1a90 rgb(250,26,144)
```
#fa841a
```
#fa841a rgb(250,132,26)
```

Tetradic Color

#0469c3
```
#0469c3 rgb(4,105,195)
```
#0576dc
```
#0576dc rgb(5,118,220)
```
#0584f5
```
#0584f5 rgb(5,132,245)
```
#1a90fa
```
#1a90fa rgb(26,144,250)
```
#339cfb
```
#339cfb rgb(51,156,251)
```
#4ca8fb
```
#4ca8fb rgb(76,168,251)
```
#65b4fc
```
#65b4fc rgb(101,180,252)
```

Monochromatic Color

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

#1ac8fa
```
#1ac8fa rgb(26,200,250)
```
#1ab5fa
```
#1ab5fa rgb(26,181,250)
```
#1aa3fa
```
#1aa3fa rgb(26,163,250)
```
#1a90fa
```
#1a90fa rgb(26,144,250)
```
#1a7dfa
```
#1a7dfa rgb(26,125,250)
```
#1a6bfa
```
#1a6bfa rgb(26,107,250)
```
#1a58fa
```
#1a58fa rgb(26,88,250)
```

Similar Colors

Text with hexadecimal color #1a90fa

This text has a font color of #1a90fa.

<span style="color:#1a90fa;">Text here</span>

#1a90fa background color

This paragraph has a background color of #1a90fa.

<p style="background-color:#1a90fa;">Content here</p>

#1a90fa border color

This element has a border color of #1a90fa.

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

CSS codes

.text {color:#1a90fa;}

.background {background-color:#1a90fa;}

.border {border:1px solid #1a90fa;}

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

#000101
```
#000101 rgb(0,1,1)
```
#000b15
```
#000b15 rgb(0,11,21)
```
#011528
```
#011528 rgb(1,21,40)
```
#01203b
```
#01203b rgb(1,32,59)
```
#022a4e
```
#022a4e rgb(2,42,78)
```
#023461
```
#023461 rgb(2,52,97)
```
#033f75
```
#033f75 rgb(3,63,117)
```
#034988
```
#034988 rgb(3,73,136)
```
#03539b
```
#03539b rgb(3,83,155)
```
#045eae
```
#045eae rgb(4,94,174)
```
#0468c1
```
#0468c1 rgb(4,104,193)
```
#0572d5
```
#0572d5 rgb(5,114,213)
```
#057ce8
```
#057ce8 rgb(5,124,232)
```

Shade Color Variation

#0787fa
```
#0787fa rgb(7,135,250)
```
#1a90fa
```
#1a90fa rgb(26,144,250)
```
#2d99fa
```
#2d99fa rgb(45,153,250)
```
#40a3fb
```
#40a3fb rgb(64,163,251)
```
#54acfb
```
#54acfb rgb(84,172,251)
```
#67b5fc
```
#67b5fc rgb(103,181,252)
```
#7abffc
```
#7abffc rgb(122,191,252)
```
#8dc8fd
```
#8dc8fd rgb(141,200,253)
```
#a0d1fd
```
#a0d1fd rgb(160,209,253)
```
#b4dafd
```
#b4dafd rgb(180,218,253)
```
#c7e4fe
```
#c7e4fe rgb(199,228,254)
```
#daedfe
```
#daedfe rgb(218,237,254)
```
#edf6ff
```
#edf6ff rgb(237,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868a8e is the less saturated color, while #1a90fa is the most saturated one.

#868a8e
```
#868a8e rgb(134,138,142)
```
#7d8b97
```
#7d8b97 rgb(125,139,151)
```
#748ba0
```
#748ba0 rgb(116,139,160)
```
#6b8ca9
```
#6b8ca9 rgb(107,140,169)
```
#628cb2
```
#628cb2 rgb(98,140,178)
```
#598dbb
```
#598dbb rgb(89,141,187)
```
#508dc4
```
#508dc4 rgb(80,141,196)
```
#478ecd
```
#478ecd rgb(71,142,205)
```
#3e8ed6
```
#3e8ed6 rgb(62,142,214)
```
#358fdf
```
#358fdf rgb(53,143,223)
```
#2c8fe8
```
#2c8fe8 rgb(44,143,232)
```
#2390f1
```
#2390f1 rgb(35,144,241)
```
#1a90fa
```
#1a90fa rgb(26,144,250)
```

Tone Color Variation

Below, you can see how #1a90fa 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

#797979 Achromatopsia 0.005% of the population
#667e93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6190f5 Protanopia 1% of men
#1a96fa Deuteranopia 1% of men
#00a2ac Tritanopia 0.001% of the population

Trichromacy

#4790f7 Protanomaly 1% of men, 0.01% of women
#1a93fa Deuteranomaly 6% of men, 0.4% of women
#099bc8 Tritanomaly 0.01% of the population

#1a90fa hex color

#1a90fa Color Information

#1a90fa Color Conversion

Color Schemes with #1a90fa

Alternatives to #1a90fa

#1a90fa Preview

Shades and Tints of #1a90fa

Tones of #1a90fa

Color Blindness Simulator