#1a90f2 hex color

In a RGB color space, hex #1a90f2 is composed of 10.2% red, 56.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 40.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 207.2 degrees, a saturation of 89.3% and a lightness of 52.5%. #1a90f2 color hex could be obtained by blending #34ffff with #0021e5. Closest websafe color is: #3399ff.

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

● #1a90f2 color description : Vivid blue.

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

Hex triplet	1a90f2	`#1a90f2`
RGB Decimal	26, 144, 242	`rgb(26,144,242)`
RGB Percent	10.2, 56.5, 94.9	`rgb(10.2%,56.5%,94.9%)`
CMYK	89, 40, 0, 5
HSL	207.2°, 89.3, 52.5	`hsl(207.2,89.3%,52.5%)`
HSV (or HSB)	207.2°, 89.3, 94.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.578, 4.865, -57.527
XYZ	26.423, 26.575, 87.736
xyY	0.188, 0.189, 26.575
CIE-LCH	58.578, 57.732, 274.834
CIE-LUV	58.578, -33.717, -92.015
Hunter-Lab	51.551, 1.278, -64.823
Binary	00011010, 10010000, 11110010

#1a90f2
```
#1a90f2 rgb(26,144,242)
```
#f27c1a
```
#f27c1a rgb(242,124,26)
```

Complementary Color

#1af2e8
```
#1af2e8 rgb(26,242,232)
```
#1a90f2
```
#1a90f2 rgb(26,144,242)
```
#1a24f2
```
#1a24f2 rgb(26,36,242)
```

Analogous Color

#f2e81a
```
#f2e81a rgb(242,232,26)
```
#1a90f2
```
#1a90f2 rgb(26,144,242)
```
#f21a24
```
#f21a24 rgb(242,26,36)
```

Split Complementary Color

#90f21a
```
#90f21a rgb(144,242,26)
```
#1a90f2
```
#1a90f2 rgb(26,144,242)
```
#f21a90
```
#f21a90 rgb(242,26,144)
```

Triadic Color

#1af27c
```
#1af27c rgb(26,242,124)
```
#1a90f2
```
#1a90f2 rgb(26,144,242)
```
#f21a90
```
#f21a90 rgb(242,26,144)
```
#f27c1a
```
#f27c1a rgb(242,124,26)
```

Tetradic Color

#0a68b5
```
#0a68b5 rgb(10,104,181)
```
#0c75cd
```
#0c75cd rgb(12,117,205)
```
#0d83e5
```
#0d83e5 rgb(13,131,229)
```
#1a90f2
```
#1a90f2 rgb(26,144,242)
```
#329cf3
```
#329cf3 rgb(50,156,243)
```
#4aa7f5
```
#4aa7f5 rgb(74,167,245)
```
#62b3f6
```
#62b3f6 rgb(98,179,246)
```

Monochromatic Color

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

#1ac6f2
```
#1ac6f2 rgb(26,198,242)
```
#1ab4f2
```
#1ab4f2 rgb(26,180,242)
```
#1aa2f2
```
#1aa2f2 rgb(26,162,242)
```
#1a90f2
```
#1a90f2 rgb(26,144,242)
```
#1a7ef2
```
#1a7ef2 rgb(26,126,242)
```
#1a6cf2
```
#1a6cf2 rgb(26,108,242)
```
#1a5af2
```
#1a5af2 rgb(26,90,242)
```

Similar Colors

Text with hexadecimal color #1a90f2

This text has a font color of #1a90f2.

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

#1a90f2 background color

This paragraph has a background color of #1a90f2.

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

#1a90f2 border color

This element has a border color of #1a90f2.

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

CSS codes

.text {color:#1a90f2;}

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

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

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, #01070c is the darkest color, while #f9fcff is the lightest one.

#01070c
```
#01070c rgb(1,7,12)
```
#02121f
```
#02121f rgb(2,18,31)
```
#031c31
```
#031c31 rgb(3,28,49)
```
#042744
```
#042744 rgb(4,39,68)
```
#053257
```
#053257 rgb(5,50,87)
```
#063c69
```
#063c69 rgb(6,60,105)
```
#07477c
```
#07477c rgb(7,71,124)
```
#08518e
```
#08518e rgb(8,81,142)
```
#095ca1
```
#095ca1 rgb(9,92,161)
```
#0a67b3
```
#0a67b3 rgb(10,103,179)
```
#0b71c6
```
#0b71c6 rgb(11,113,198)
```
#0c7cd8
```
#0c7cd8 rgb(12,124,216)
```
#0d86eb
```
#0d86eb rgb(13,134,235)
```

Shade Color Variation

#1a90f2
```
#1a90f2 rgb(26,144,242)
```
#2d99f3
```
#2d99f3 rgb(45,153,243)
```
#3fa2f4
```
#3fa2f4 rgb(63,162,244)
```
#52abf5
```
#52abf5 rgb(82,171,245)
```
#64b4f6
```
#64b4f6 rgb(100,180,246)
```
#77bdf7
```
#77bdf7 rgb(119,189,247)
```
#89c6f8
```
#89c6f8 rgb(137,198,248)
```
#9ccff9
```
#9ccff9 rgb(156,207,249)
```
#aed8fa
```
#aed8fa rgb(174,216,250)
```
#c1e1fb
```
#c1e1fb rgb(193,225,251)
```
#d4eafd
```
#d4eafd rgb(212,234,253)
```
#e6f3fe
```
#e6f3fe rgb(230,243,254)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #80878c is the less saturated color, while #1191fb is the most saturated one.

#80878c
```
#80878c rgb(128,135,140)
```
#778795
```
#778795 rgb(119,135,149)
```
#6e889e
```
#6e889e rgb(110,136,158)
```
#6489a8
```
#6489a8 rgb(100,137,168)
```
#5b8ab1
```
#5b8ab1 rgb(91,138,177)
```
#528bba
```
#528bba rgb(82,139,186)
```
#498cc3
```
#498cc3 rgb(73,140,195)
```
#3f8dcd
```
#3f8dcd rgb(63,141,205)
```
#368dd6
```
#368dd6 rgb(54,141,214)
```
#2d8edf
```
#2d8edf rgb(45,142,223)
```
#238fe9
```
#238fe9 rgb(35,143,233)
```
#1a90f2
```
#1a90f2 rgb(26,144,242)
```
#1191fb
```
#1191fb rgb(17,145,251)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#657d90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#668fed Protanopia 1% of men
#3794f3 Deuteranopia 1% of men
#00a1ab Tritanopia 0.001% of the population

Trichromacy

#4a8fef Protanomaly 1% of men, 0.01% of women
#2c92f2 Deuteranomaly 6% of men, 0.4% of women
#099ac4 Tritanomaly 0.01% of the population

#1a90f2 hex color

#1a90f2 Color Information

#1a90f2 Color Conversion

Color Schemes with #1a90f2

Alternatives to #1a90f2

#1a90f2 Preview

Shades and Tints of #1a90f2

Tones of #1a90f2

Color Blindness Simulator