#2a90fd hex color

In a RGB color space, hex #2a90fd is composed of 16.5% red, 56.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 43.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 211 degrees, a saturation of 98.1% and a lightness of 57.8%. #2a90fd color hex could be obtained by blending #54ffff with #0021fb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 56
- B 99
RGB color chart
- C 83
- M 43
- Y 0
- K 1
CMYK color chart

● #2a90fd color description : Bright blue.

The hexadecimal color #2a90fd has RGB values of R:42, G:144, B:253 and CMYK values of C:0.83, M:0.43, Y:0, K:0.01. Its decimal value is 2789629.

Hex triplet	2a90fd	`#2a90fd`
RGB Decimal	42, 144, 253	`rgb(42,144,253)`
RGB Percent	16.5, 56.5, 99.2	`rgb(16.5%,56.5%,99.2%)`
CMYK	83, 43, 0, 1
HSL	211°, 98.1, 57.8	`hsl(211,98.1%,57.8%)`
HSV (or HSB)	211°, 83.4, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	59.46, 10.003, -62.158
XYZ	28.654, 27.528, 96.726
xyY	0.187, 0.18, 27.528
CIE-LCH	59.46, 62.957, 279.142
CIE-LUV	59.46, -31.855, -100.304
Hunter-Lab	52.467, 5.665, -72.577
Binary	00101010, 10010000, 11111101

#2a90fd
```
#2a90fd rgb(42,144,253)
```
#fd972a
```
#fd972a rgb(253,151,42)
```

Complementary Color

#2afafd
```
#2afafd rgb(42,250,253)
```
#2a90fd
```
#2a90fd rgb(42,144,253)
```
#2e2afd
```
#2e2afd rgb(46,42,253)
```

Analogous Color

#fafd2a
```
#fafd2a rgb(250,253,42)
```
#2a90fd
```
#2a90fd rgb(42,144,253)
```
#fd2e2a
```
#fd2e2a rgb(253,46,42)
```

Split Complementary Color

#90fd2a
```
#90fd2a rgb(144,253,42)
```
#2a90fd
```
#2a90fd rgb(42,144,253)
```
#fd2a90
```
#fd2a90 rgb(253,42,144)
```

Triadic Color

#2afd97
```
#2afd97 rgb(42,253,151)
```
#2a90fd
```
#2a90fd rgb(42,144,253)
```
#fd2a90
```
#fd2a90 rgb(253,42,144)
```
#fd972a
```
#fd972a rgb(253,151,42)
```

Tetradic Color

#026ad8
```
#026ad8 rgb(2,106,216)
```
#0276f2
```
#0276f2 rgb(2,118,242)
```
#1183fd
```
#1183fd rgb(17,131,253)
```
#2a90fd
```
#2a90fd rgb(42,144,253)
```
#439dfd
```
#439dfd rgb(67,157,253)
```
#5daafd
```
#5daafd rgb(93,170,253)
```
#76b7fe
```
#76b7fe rgb(118,183,254)
```

Monochromatic Color

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

#2ac5fd
```
#2ac5fd rgb(42,197,253)
```
#2ab3fd
```
#2ab3fd rgb(42,179,253)
```
#2aa2fd
```
#2aa2fd rgb(42,162,253)
```
#2a90fd
```
#2a90fd rgb(42,144,253)
```
#2a7efd
```
#2a7efd rgb(42,126,253)
```
#2a6dfd
```
#2a6dfd rgb(42,109,253)
```
#2a5bfd
```
#2a5bfd rgb(42,91,253)
```

Similar Colors

Text with hexadecimal color #2a90fd

This text has a font color of #2a90fd.

<span style="color:#2a90fd;">Text here</span>

#2a90fd background color

This paragraph has a background color of #2a90fd.

<p style="background-color:#2a90fd;">Content here</p>

#2a90fd border color

This element has a border color of #2a90fd.

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

CSS codes

.text {color:#2a90fd;}

.background {background-color:#2a90fd;}

.border {border:1px solid #2a90fd;}

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

#000001
```
#000001 rgb(0,0,1)
```
#000a14
```
#000a14 rgb(0,10,20)
```
#001328
```
#001328 rgb(0,19,40)
```
#011d3b
```
#011d3b rgb(1,29,59)
```
#01264e
```
#01264e rgb(1,38,78)
```
#013062
```
#013062 rgb(1,48,98)
```
#013975
```
#013975 rgb(1,57,117)
```
#014389
```
#014389 rgb(1,67,137)
```
#014c9c
```
#014c9c rgb(1,76,156)
```
#0256b0
```
#0256b0 rgb(2,86,176)
```
#025fc3
```
#025fc3 rgb(2,95,195)
```
#0269d7
```
#0269d7 rgb(2,105,215)
```
#0272ea
```
#0272ea rgb(2,114,234)
```

Shade Color Variation

#037cfd
```
#037cfd rgb(3,124,253)
```
#1786fd
```
#1786fd rgb(23,134,253)
```
#2a90fd
```
#2a90fd rgb(42,144,253)
```
#3d9afd
```
#3d9afd rgb(61,154,253)
```
#51a4fd
```
#51a4fd rgb(81,164,253)
```
#64aefe
```
#64aefe rgb(100,174,254)
```
#78b9fe
```
#78b9fe rgb(120,185,254)
```
#8bc3fe
```
#8bc3fe rgb(139,195,254)
```
#9fcdfe
```
#9fcdfe rgb(159,205,254)
```
#b2d7fe
```
#b2d7fe rgb(178,215,254)
```
#c5e1fe
```
#c5e1fe rgb(197,225,254)
```
#d9ebff
```
#d9ebff rgb(217,235,255)
```
#ecf5ff
```
#ecf5ff rgb(236,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d939a is the less saturated color, while #2a90fd is the most saturated one.

#8d939a
```
#8d939a rgb(141,147,154)
```
#8593a2
```
#8593a2 rgb(133,147,162)
```
#7d93aa
```
#7d93aa rgb(125,147,170)
```
#7492b3
```
#7492b3 rgb(116,146,179)
```
#6c92bb
```
#6c92bb rgb(108,146,187)
```
#6492c3
```
#6492c3 rgb(100,146,195)
```
#5c92cb
```
#5c92cb rgb(92,146,203)
```
#5391d4
```
#5391d4 rgb(83,145,212)
```
#4b91dc
```
#4b91dc rgb(75,145,220)
```
#4391e4
```
#4391e4 rgb(67,145,228)
```
#3b91ec
```
#3b91ec rgb(59,145,236)
```
#3290f5
```
#3290f5 rgb(50,144,245)
```
#2a90fd
```
#2a90fd rgb(42,144,253)
```

Tone Color Variation

Below, you can see how #2a90fd 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

#7e7e7e Achromatopsia 0.005% of the population
#6d8297 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6091f9 Protanopia 1% of men
#1297fc Deuteranopia 1% of men
#00a3ad Tritanopia 0.001% of the population

Trichromacy

#4c91fa Protanomaly 1% of men, 0.01% of women
#1a94fc Deuteranomaly 6% of men, 0.4% of women
#0f9cca Tritanomaly 0.01% of the population

#2a90fd hex color

#2a90fd Color Information

#2a90fd Color Conversion

Color Schemes with #2a90fd

Alternatives to #2a90fd

#2a90fd Preview

Shades and Tints of #2a90fd

Tones of #2a90fd

Color Blindness Simulator