#90baf1 hex color

In a RGB color space, hex #90baf1 is composed of 56.5% red, 72.9% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 40.2% cyan, 22.8% magenta, 0% yellow and 5.5% black. It has a hue angle of 214 degrees, a saturation of 77.6% and a lightness of 75.5%. #90baf1 color hex could be obtained by blending #ffffff with #2175e3. Closest websafe color is: #99ccff.

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

● #90baf1 color description : Very soft blue.

The hexadecimal color #90baf1 has RGB values of R:144, G:186, B:241 and CMYK values of C:0.4, M:0.23, Y:0, K:0.05. Its decimal value is 9485041.

Hex triplet	90baf1	`#90baf1`
RGB Decimal	144, 186, 241	`rgb(144,186,241)`
RGB Percent	56.5, 72.9, 94.5	`rgb(56.5%,72.9%,94.5%)`
CMYK	40, 23, 0, 5
HSL	214°, 77.6, 75.5	`hsl(214,77.6%,75.5%)`
HSV (or HSB)	214°, 40.2, 94.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	74.442, -0.331, -31.758
XYZ	44.934, 47.396, 89.995
xyY	0.246, 0.26, 47.396
CIE-LCH	74.442, 31.76, 269.404
CIE-LUV	74.442, -21.904, -50.83
Hunter-Lab	68.845, -3.974, -29.313
Binary	10010000, 10111010, 11110001

#90baf1
```
#90baf1 rgb(144,186,241)
```
#f1c790
```
#f1c790 rgb(241,199,144)
```

Complementary Color

#90ebf1
```
#90ebf1 rgb(144,235,241)
```
#90baf1
```
#90baf1 rgb(144,186,241)
```
#9790f1
```
#9790f1 rgb(151,144,241)
```

Analogous Color

#ebf190
```
#ebf190 rgb(235,241,144)
```
#90baf1
```
#90baf1 rgb(144,186,241)
```
#f19790
```
#f19790 rgb(241,151,144)
```

Split Complementary Color

#baf190
```
#baf190 rgb(186,241,144)
```
#90baf1
```
#90baf1 rgb(144,186,241)
```
#f190ba
```
#f190ba rgb(241,144,186)
```

Triadic Color

#90f1c7
```
#90f1c7 rgb(144,241,199)
```
#90baf1
```
#90baf1 rgb(144,186,241)
```
#f190ba
```
#f190ba rgb(241,144,186)
```
#f1c790
```
#f1c790 rgb(241,199,144)
```

Tetradic Color

#4c90e8
```
#4c90e8 rgb(76,144,232)
```
#639eeb
```
#639eeb rgb(99,158,235)
```
#79acee
```
#79acee rgb(121,172,238)
```
#90baf1
```
#90baf1 rgb(144,186,241)
```
#a7c8f4
```
#a7c8f4 rgb(167,200,244)
```
#bdd6f7
```
#bdd6f7 rgb(189,214,247)
```
#d4e4fa
```
#d4e4fa rgb(212,228,250)
```

Monochromatic Color

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

#90d2f1
```
#90d2f1 rgb(144,210,241)
```
#90caf1
```
#90caf1 rgb(144,202,241)
```
#90c2f1
```
#90c2f1 rgb(144,194,241)
```
#90baf1
```
#90baf1 rgb(144,186,241)
```
#90b2f1
```
#90b2f1 rgb(144,178,241)
```
#90aaf1
```
#90aaf1 rgb(144,170,241)
```
#90a2f1
```
#90a2f1 rgb(144,162,241)
```

Similar Colors

Text with hexadecimal color #90baf1

This text has a font color of #90baf1.

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

#90baf1 background color

This paragraph has a background color of #90baf1.

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

#90baf1 border color

This element has a border color of #90baf1.

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

CSS codes

.text {color:#90baf1;}

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

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

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, #01060b is the darkest color, while #f9fbfe is the lightest one.

#01060b
```
#01060b rgb(1,6,11)
```
#040e1c
```
#040e1c rgb(4,14,28)
```
#06172e
```
#06172e rgb(6,23,46)
```
#08203f
```
#08203f rgb(8,32,63)
```
#0a2951
```
#0a2951 rgb(10,41,81)
```
#0c3162
```
#0c3162 rgb(12,49,98)
```
#0f3a73
```
#0f3a73 rgb(15,58,115)
```
#114385
```
#114385 rgb(17,67,133)
```
#134c96
```
#134c96 rgb(19,76,150)
```
#1555a8
```
#1555a8 rgb(21,85,168)
```
#175db9
```
#175db9 rgb(23,93,185)
```
#1a66cb
```
#1a66cb rgb(26,102,203)
```
#1c6fdc
```
#1c6fdc rgb(28,111,220)
```

Shade Color Variation

#2779e4
```
#2779e4 rgb(39,121,228)
```
#3984e6
```
#3984e6 rgb(57,132,230)
```
#4a8fe8
```
#4a8fe8 rgb(74,143,232)
```
#5c9aea
```
#5c9aea rgb(92,154,234)
```
#6da4ed
```
#6da4ed rgb(109,164,237)
```
#7fafef
```
#7fafef rgb(127,175,239)
```
#90baf1
```
#90baf1 rgb(144,186,241)
```
#a1c5f3
```
#a1c5f3 rgb(161,197,243)
```
#b3d0f5
```
#b3d0f5 rgb(179,208,245)
```
#c4daf8
```
#c4daf8 rgb(196,218,248)
```
#d6e5fa
```
#d6e5fa rgb(214,229,250)
```
#e7f0fc
```
#e7f0fc rgb(231,240,252)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#c0c0c1
```
#c0c0c1 rgb(192,192,193)
```
#bbc0c6
```
#bbc0c6 rgb(187,192,198)
```
#b6bfcb
```
#b6bfcb rgb(182,191,203)
```
#b2bfcf
```
#b2bfcf rgb(178,191,207)
```
#adbed4
```
#adbed4 rgb(173,190,212)
```
#a8bdd9
```
#a8bdd9 rgb(168,189,217)
```
#a3bdde
```
#a3bdde rgb(163,189,222)
```
#9ebce3
```
#9ebce3 rgb(158,188,227)
```
#9abbe7
```
#9abbe7 rgb(154,187,231)
```
#95bbec
```
#95bbec rgb(149,187,236)
```
#90baf1
```
#90baf1 rgb(144,186,241)
```
#8bb9f6
```
#8bb9f6 rgb(139,185,246)
```
#86b9fb
```
#86b9fb rgb(134,185,251)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#adb5c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb8ee Protanopia 1% of men
#aab8f3 Deuteranopia 1% of men
#8bc3d1 Tritanopia 0.001% of the population

Trichromacy

#a1b9ef Protanomaly 1% of men, 0.01% of women
#a0b8f2 Deuteranomaly 6% of men, 0.4% of women
#8dc0dd Tritanomaly 0.01% of the population

#90baf1 hex color

#90baf1 Color Information

#90baf1 Color Conversion

Color Schemes with #90baf1

Alternatives to #90baf1

#90baf1 Preview

Shades and Tints of #90baf1

Tones of #90baf1

Color Blindness Simulator