#90a5f4 hex color

In a RGB color space, hex #90a5f4 is composed of 56.5% red, 64.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 41% cyan, 32.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 227.4 degrees, a saturation of 82% and a lightness of 76.1%. #90a5f4 color hex could be obtained by blending #ffffff with #214be9. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 56
- G 65
- B 96
RGB color chart
- C 41
- M 32
- Y 0
- K 4
CMYK color chart

● #90a5f4 color description : Very soft blue.

The hexadecimal color #90a5f4 has RGB values of R:144, G:165, B:244 and CMYK values of C:0.41, M:0.32, Y:0, K:0.04. Its decimal value is 9479668.

Hex triplet	90a5f4	`#90a5f4`
RGB Decimal	144, 165, 244	`rgb(144,165,244)`
RGB Percent	56.5, 64.7, 95.7	`rgb(56.5%,64.7%,95.7%)`
CMYK	41, 32, 0, 4
HSL	227.4°, 82, 76.1	`hsl(227.4,82%,76.1%)`
HSV (or HSB)	227.4°, 41, 95.7
Web Safe	9999ff	`#9999ff`

CIE-LAB	69.018, 12.198, -41.811
XYZ	41.282, 39.37, 91.007
xyY	0.24, 0.229, 39.37
CIE-LCH	69.018, 43.554, 286.265
CIE-LUV	69.018, -13.769, -68.862
Hunter-Lab	62.745, 7.637, -42.073
Binary	10010000, 10100101, 11110100

#90a5f4
```
#90a5f4 rgb(144,165,244)
```
#f4df90
```
#f4df90 rgb(244,223,144)
```

Complementary Color

#90d7f4
```
#90d7f4 rgb(144,215,244)
```
#90a5f4
```
#90a5f4 rgb(144,165,244)
```
#ad90f4
```
#ad90f4 rgb(173,144,244)
```

Analogous Color

#d7f490
```
#d7f490 rgb(215,244,144)
```
#90a5f4
```
#90a5f4 rgb(144,165,244)
```
#f4ad90
```
#f4ad90 rgb(244,173,144)
```

Split Complementary Color

#a5f490
```
#a5f490 rgb(165,244,144)
```
#90a5f4
```
#90a5f4 rgb(144,165,244)
```
#f490a5
```
#f490a5 rgb(244,144,165)
```

Triadic Color

#90f4df
```
#90f4df rgb(144,244,223)
```
#90a5f4
```
#90a5f4 rgb(144,165,244)
```
#f490a5
```
#f490a5 rgb(244,144,165)
```
#f4df90
```
#f4df90 rgb(244,223,144)
```

Tetradic Color

#4a6ded
```
#4a6ded rgb(74,109,237)
```
#627fef
```
#627fef rgb(98,127,239)
```
#7992f2
```
#7992f2 rgb(121,146,242)
```
#90a5f4
```
#90a5f4 rgb(144,165,244)
```
#a7b8f6
```
#a7b8f6 rgb(167,184,246)
```
#becbf9
```
#becbf9 rgb(190,203,249)
```
#d6ddfb
```
#d6ddfb rgb(214,221,251)
```

Monochromatic Color

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

#90bef4
```
#90bef4 rgb(144,190,244)
```
#90b6f4
```
#90b6f4 rgb(144,182,244)
```
#90adf4
```
#90adf4 rgb(144,173,244)
```
#90a5f4
```
#90a5f4 rgb(144,165,244)
```
#909df4
```
#909df4 rgb(144,157,244)
```
#9094f4
```
#9094f4 rgb(144,148,244)
```
#9490f4
```
#9490f4 rgb(148,144,244)
```

Similar Colors

Text with hexadecimal color #90a5f4

This text has a font color of #90a5f4.

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

#90a5f4 background color

This paragraph has a background color of #90a5f4.

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

#90a5f4 border color

This element has a border color of #90a5f4.

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

CSS codes

.text {color:#90a5f4;}

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

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

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, #01040e is the darkest color, while #fbfcff is the lightest one.

#01040e
```
#01040e rgb(1,4,14)
```
#030920
```
#030920 rgb(3,9,32)
```
#050e32
```
#050e32 rgb(5,14,50)
```
#071343
```
#071343 rgb(7,19,67)
```
#081955
```
#081955 rgb(8,25,85)
```
#0a1e67
```
#0a1e67 rgb(10,30,103)
```
#0c2379
```
#0c2379 rgb(12,35,121)
```
#0e288b
```
#0e288b rgb(14,40,139)
```
#102d9d
```
#102d9d rgb(16,45,157)
```
#1132af
```
#1132af rgb(17,50,175)
```
#1337c0
```
#1337c0 rgb(19,55,192)
```
#153dd2
```
#153dd2 rgb(21,61,210)
```
#1742e4
```
#1742e4 rgb(23,66,228)
```

Shade Color Variation

#254ee9
```
#254ee9 rgb(37,78,233)
```
#375deb
```
#375deb rgb(55,93,235)
```
#496bed
```
#496bed rgb(73,107,237)
```
#5a7aef
```
#5a7aef rgb(90,122,239)
```
#6c88f0
```
#6c88f0 rgb(108,136,240)
```
#7e97f2
```
#7e97f2 rgb(126,151,242)
```
#90a5f4
```
#90a5f4 rgb(144,165,244)
```
#a2b3f6
```
#a2b3f6 rgb(162,179,246)
```
#b4c2f8
```
#b4c2f8 rgb(180,194,248)
```
#c6d0f9
```
#c6d0f9 rgb(198,208,249)
```
#d7dffb
```
#d7dffb rgb(215,223,251)
```
#e9edfd
```
#e9edfd rgb(233,237,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#bfc0c5
```
#bfc0c5 rgb(191,192,197)
```
#babdca
```
#babdca rgb(186,189,202)
```
#b6bbce
```
#b6bbce rgb(182,187,206)
```
#b1b8d3
```
#b1b8d3 rgb(177,184,211)
```
#acb5d8
```
#acb5d8 rgb(172,181,216)
```
#a7b3dd
```
#a7b3dd rgb(167,179,221)
```
#a3b0e1
```
#a3b0e1 rgb(163,176,225)
```
#9eade6
```
#9eade6 rgb(158,173,230)
```
#99aaeb
```
#99aaeb rgb(153,170,235)
```
#95a8ef
```
#95a8ef rgb(149,168,239)
```
#90a5f4
```
#90a5f4 rgb(144,165,244)
```
#8ba2f9
```
#8ba2f9 rgb(139,162,249)
```
#87a0fd
```
#87a0fd rgb(135,160,253)
```

Tone Color Variation

Below, you can see how #90a5f4 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
#a3a7b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92aaf5 Protanopia 1% of men
#8dabf3 Deuteranopia 1% of men
#85b4c1 Tritanopia 0.001% of the population

Trichromacy

#91a8f4 Protanomaly 1% of men, 0.01% of women
#8ea9f3 Deuteranomaly 6% of men, 0.4% of women
#89aed3 Tritanomaly 0.01% of the population

#90a5f4 hex color

#90a5f4 Color Information

#90a5f4 Color Conversion

Color Schemes with #90a5f4

Alternatives to #90a5f4

#90a5f4 Preview

Shades and Tints of #90a5f4

Tones of #90a5f4

Color Blindness Simulator