#90a5f9 hex color

In a RGB color space, hex #90a5f9 is composed of 56.5% red, 64.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 33.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 228 degrees, a saturation of 89.7% and a lightness of 77.1%. #90a5f9 color hex could be obtained by blending #ffffff with #214bf3. Closest websafe color is: #9999ff.

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

● #90a5f9 color description : Very soft blue.

The hexadecimal color #90a5f9 has RGB values of R:144, G:165, B:249 and CMYK values of C:0.42, M:0.34, Y:0, K:0.02. Its decimal value is 9479673.

Hex triplet	90a5f9	`#90a5f9`
RGB Decimal	144, 165, 249	`rgb(144,165,249)`
RGB Percent	56.5, 64.7, 97.6	`rgb(56.5%,64.7%,97.6%)`
CMYK	42, 34, 0, 2
HSL	228°, 89.7, 77.1	`hsl(228,89.7%,77.1%)`
HSV (or HSB)	228°, 42.2, 97.6
Web Safe	9999ff	`#9999ff`

CIE-LAB	69.239, 13.584, -44.186
XYZ	42.052, 39.678, 95.06
xyY	0.238, 0.224, 39.678
CIE-LCH	69.239, 46.227, 287.089
CIE-LUV	69.239, -13.934, -73.084
Hunter-Lab	62.99, 8.933, -45.383
Binary	10010000, 10100101, 11111001

#90a5f9
```
#90a5f9 rgb(144,165,249)
```
#f9e490
```
#f9e490 rgb(249,228,144)
```

Complementary Color

#90daf9
```
#90daf9 rgb(144,218,249)
```
#90a5f9
```
#90a5f9 rgb(144,165,249)
```
#b090f9
```
#b090f9 rgb(176,144,249)
```

Analogous Color

#daf990
```
#daf990 rgb(218,249,144)
```
#90a5f9
```
#90a5f9 rgb(144,165,249)
```
#f9b090
```
#f9b090 rgb(249,176,144)
```

Split Complementary Color

#a5f990
```
#a5f990 rgb(165,249,144)
```
#90a5f9
```
#90a5f9 rgb(144,165,249)
```
#f990a5
```
#f990a5 rgb(249,144,165)
```

Triadic Color

#90f9e4
```
#90f9e4 rgb(144,249,228)
```
#90a5f9
```
#90a5f9 rgb(144,165,249)
```
#f990a5
```
#f990a5 rgb(249,144,165)
```
#f9e490
```
#f9e490 rgb(249,228,144)
```

Tetradic Color

#476af5
```
#476af5 rgb(71,106,245)
```
#607ef6
```
#607ef6 rgb(96,126,246)
```
#7891f8
```
#7891f8 rgb(120,145,248)
```
#90a5f9
```
#90a5f9 rgb(144,165,249)
```
#a8b9fa
```
#a8b9fa rgb(168,185,250)
```
#c0ccfc
```
#c0ccfc rgb(192,204,252)
```
#d9e0fd
```
#d9e0fd rgb(217,224,253)
```

Monochromatic Color

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

#90bff9
```
#90bff9 rgb(144,191,249)
```
#90b7f9
```
#90b7f9 rgb(144,183,249)
```
#90aef9
```
#90aef9 rgb(144,174,249)
```
#90a5f9
```
#90a5f9 rgb(144,165,249)
```
#909cf9
```
#909cf9 rgb(144,156,249)
```
#9094f9
```
#9094f9 rgb(144,148,249)
```
#9590f9
```
#9590f9 rgb(149,144,249)
```

Similar Colors

Text with hexadecimal color #90a5f9

This text has a font color of #90a5f9.

<span style="color:#90a5f9;">Text here</span>

#90a5f9 background color

This paragraph has a background color of #90a5f9.

<p style="background-color:#90a5f9;">Content here</p>

#90a5f9 border color

This element has a border color of #90a5f9.

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

CSS codes

.text {color:#90a5f9;}

.background {background-color:#90a5f9;}

.border {border:1px solid #90a5f9;}

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 #edf0fe is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#010513
```
#010513 rgb(1,5,19)
```
#020926
```
#020926 rgb(2,9,38)
```
#030e38
```
#030e38 rgb(3,14,56)
```
#04124b
```
#04124b rgb(4,18,75)
```
#05175e
```
#05175e rgb(5,23,94)
```
#061b70
```
#061b70 rgb(6,27,112)
```
#072083
```
#072083 rgb(7,32,131)
```
#082496
```
#082496 rgb(8,36,150)
```
#0929a8
```
#0929a8 rgb(9,41,168)
```
#0a2dbb
```
#0a2dbb rgb(10,45,187)
```
#0b32cd
```
#0b32cd rgb(11,50,205)
```
#0c36e0
```
#0c36e0 rgb(12,54,224)
```

Shade Color Variation

#0e3bf2
```
#0e3bf2 rgb(14,59,242)
```
#204af3
```
#204af3 rgb(32,74,243)
```
#335af4
```
#335af4 rgb(51,90,244)
```
#4669f5
```
#4669f5 rgb(70,105,245)
```
#5878f6
```
#5878f6 rgb(88,120,246)
```
#6b87f7
```
#6b87f7 rgb(107,135,247)
```
#7d96f8
```
#7d96f8 rgb(125,150,248)
```
#90a5f9
```
#90a5f9 rgb(144,165,249)
```
#a3b4fa
```
#a3b4fa rgb(163,180,250)
```
#b5c3fb
```
#b5c3fb rgb(181,195,251)
```
#c8d2fc
```
#c8d2fc rgb(200,210,252)
```
#dae1fd
```
#dae1fd rgb(218,225,253)
```
#edf0fe
```
#edf0fe rgb(237,240,254)
```

Tint Color Variation

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

#c2c3c8
```
#c2c3c8 rgb(194,195,200)
```
#bdc0cc
```
#bdc0cc rgb(189,192,204)
```
#b9bdd1
```
#b9bdd1 rgb(185,189,209)
```
#b4bbd5
```
#b4bbd5 rgb(180,187,213)
```
#b0b8da
```
#b0b8da rgb(176,184,218)
```
#abb5de
```
#abb5de rgb(171,181,222)
```
#a7b3e3
```
#a7b3e3 rgb(167,179,227)
```
#a2b0e7
```
#a2b0e7 rgb(162,176,231)
```
#9eadec
```
#9eadec rgb(158,173,236)
```
#99aaf0
```
#99aaf0 rgb(153,170,240)
```
#95a8f5
```
#95a8f5 rgb(149,168,245)
```
#90a5f9
```
#90a5f9 rgb(144,165,249)
```
#8ca2fe
```
#8ca2fe rgb(140,162,254)
```

Tone Color Variation

Below, you can see how #90a5f9 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

#a8a8a8 Achromatopsia 0.005% of the population
#a3a7b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90aafa Protanopia 1% of men
#89acf8 Deuteranopia 1% of men
#83b5c2 Tritanopia 0.001% of the population

Trichromacy

#90a8f9 Protanomaly 1% of men, 0.01% of women
#8ca9f8 Deuteranomaly 6% of men, 0.4% of women
#88afd6 Tritanomaly 0.01% of the population

#90a5f9 hex color

#90a5f9 Color Information

#90a5f9 Color Conversion

Color Schemes with #90a5f9

Alternatives to #90a5f9

#90a5f9 Preview

Shades and Tints of #90a5f9

Tones of #90a5f9

Color Blindness Simulator