#90a2f9 hex color

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

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

● #90a2f9 color description : Very soft blue.

The hexadecimal color #90a2f9 has RGB values of R:144, G:162, B:249 and CMYK values of C:0.42, M:0.35, Y:0, K:0.02. Its decimal value is 9478905.

Hex triplet	90a2f9	`#90a2f9`
RGB Decimal	144, 162, 249	`rgb(144,162,249)`
RGB Percent	56.5, 63.5, 97.6	`rgb(56.5%,63.5%,97.6%)`
CMYK	42, 35, 0, 2
HSL	229.7°, 89.7, 77.1	`hsl(229.7,89.7%,77.1%)`
HSV (or HSB)	229.7°, 42.2, 97.6
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.466, 15.294, -45.399
XYZ	41.517, 38.608, 94.882
xyY	0.237, 0.221, 38.608
CIE-LCH	68.466, 47.906, 288.617
CIE-LUV	68.466, -12.813, -75.218
Hunter-Lab	62.135, 10.532, -47.042
Binary	10010000, 10100010, 11111001

#90a2f9
```
#90a2f9 rgb(144,162,249)
```
#f9e790
```
#f9e790 rgb(249,231,144)
```

Complementary Color

#90d7f9
```
#90d7f9 rgb(144,215,249)
```
#90a2f9
```
#90a2f9 rgb(144,162,249)
```
#b390f9
```
#b390f9 rgb(179,144,249)
```

Analogous Color

#d7f990
```
#d7f990 rgb(215,249,144)
```
#90a2f9
```
#90a2f9 rgb(144,162,249)
```
#f9b390
```
#f9b390 rgb(249,179,144)
```

Split Complementary Color

#a2f990
```
#a2f990 rgb(162,249,144)
```
#90a2f9
```
#90a2f9 rgb(144,162,249)
```
#f990a2
```
#f990a2 rgb(249,144,162)
```

Triadic Color

#90f9e7
```
#90f9e7 rgb(144,249,231)
```
#90a2f9
```
#90a2f9 rgb(144,162,249)
```
#f990a2
```
#f990a2 rgb(249,144,162)
```
#f9e790
```
#f9e790 rgb(249,231,144)
```

Tetradic Color

#4765f5
```
#4765f5 rgb(71,101,245)
```
#6079f6
```
#6079f6 rgb(96,121,246)
```
#788ef8
```
#788ef8 rgb(120,142,248)
```
#90a2f9
```
#90a2f9 rgb(144,162,249)
```
#a8b6fa
```
#a8b6fa rgb(168,182,250)
```
#c0cbfc
```
#c0cbfc rgb(192,203,252)
```
#d9dffd
```
#d9dffd rgb(217,223,253)
```

Monochromatic Color

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

#90bcf9
```
#90bcf9 rgb(144,188,249)
```
#90b4f9
```
#90b4f9 rgb(144,180,249)
```
#90abf9
```
#90abf9 rgb(144,171,249)
```
#90a2f9
```
#90a2f9 rgb(144,162,249)
```
#9099f9
```
#9099f9 rgb(144,153,249)
```
#9091f9
```
#9091f9 rgb(144,145,249)
```
#9890f9
```
#9890f9 rgb(152,144,249)
```

Similar Colors

Text with hexadecimal color #90a2f9

This text has a font color of #90a2f9.

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

#90a2f9 background color

This paragraph has a background color of #90a2f9.

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

#90a2f9 border color

This element has a border color of #90a2f9.

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

CSS codes

.text {color:#90a2f9;}

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

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

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)
```
#010413
```
#010413 rgb(1,4,19)
```
#020826
```
#020826 rgb(2,8,38)
```
#030c38
```
#030c38 rgb(3,12,56)
```
#04104b
```
#04104b rgb(4,16,75)
```
#05145e
```
#05145e rgb(5,20,94)
```
#061870
```
#061870 rgb(6,24,112)
```
#071c83
```
#071c83 rgb(7,28,131)
```
#082096
```
#082096 rgb(8,32,150)
```
#0924a8
```
#0924a8 rgb(9,36,168)
```
#0a28bb
```
#0a28bb rgb(10,40,187)
```
#0b2ccd
```
#0b2ccd rgb(11,44,205)
```
#0c30e0
```
#0c30e0 rgb(12,48,224)
```

Shade Color Variation

#0e35f2
```
#0e35f2 rgb(14,53,242)
```
#2044f3
```
#2044f3 rgb(32,68,243)
```
#3354f4
```
#3354f4 rgb(51,84,244)
```
#4664f5
```
#4664f5 rgb(70,100,245)
```
#5873f6
```
#5873f6 rgb(88,115,246)
```
#6b83f7
```
#6b83f7 rgb(107,131,247)
```
#7d92f8
```
#7d92f8 rgb(125,146,248)
```
#90a2f9
```
#90a2f9 rgb(144,162,249)
```
#a3b2fa
```
#a3b2fa rgb(163,178,250)
```
#b5c1fb
```
#b5c1fb rgb(181,193,251)
```
#c8d1fc
```
#c8d1fc rgb(200,209,252)
```
#dae0fd
```
#dae0fd rgb(218,224,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 #8c9ffe is the most saturated one.

#c2c3c8
```
#c2c3c8 rgb(194,195,200)
```
#bdc0cc
```
#bdc0cc rgb(189,192,204)
```
#b9bdd1
```
#b9bdd1 rgb(185,189,209)
```
#b4bad5
```
#b4bad5 rgb(180,186,213)
```
#b0b7da
```
#b0b7da rgb(176,183,218)
```
#abb4de
```
#abb4de rgb(171,180,222)
```
#a7b1e3
```
#a7b1e3 rgb(167,177,227)
```
#a2aee7
```
#a2aee7 rgb(162,174,231)
```
#9eabec
```
#9eabec rgb(158,171,236)
```
#99a8f0
```
#99a8f0 rgb(153,168,240)
```
#95a5f5
```
#95a5f5 rgb(149,165,245)
```
#90a2f9
```
#90a2f9 rgb(144,162,249)
```
#8c9ffe
```
#8c9ffe rgb(140,159,254)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a2a6b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca8fa Protanopia 1% of men
#85aaf7 Deuteranopia 1% of men
#82b3c0 Tritanopia 0.001% of the population

Trichromacy

#8da6fa Protanomaly 1% of men, 0.01% of women
#89a7f8 Deuteranomaly 6% of men, 0.4% of women
#87acd4 Tritanomaly 0.01% of the population

#90a2f9 hex color

#90a2f9 Color Information

#90a2f9 Color Conversion

Color Schemes with #90a2f9

Alternatives to #90a2f9

#90a2f9 Preview

Shades and Tints of #90a2f9

Tones of #90a2f9

Color Blindness Simulator