#2a90b9 hex color

In a RGB color space, hex #2a90b9 is composed of 16.5% red, 56.5% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 22.2% magenta, 0% yellow and 27.5% black. It has a hue angle of 197.2 degrees, a saturation of 63% and a lightness of 44.5%. #2a90b9 color hex could be obtained by blending #54ffff with #002173. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 56
- B 73
RGB color chart
- C 77
- M 22
- Y 0
- K 27
CMYK color chart

● #2a90b9 color description : Strong blue.

The hexadecimal color #2a90b9 has RGB values of R:42, G:144, B:185 and CMYK values of C:0.77, M:0.22, Y:0, K:0.27. Its decimal value is 2789561.

Hex triplet	2a90b9	`#2a90b9`
RGB Decimal	42, 144, 185	`rgb(42,144,185)`
RGB Percent	16.5, 56.5, 72.5	`rgb(16.5%,56.5%,72.5%)`
CMYK	77, 22, 0, 27
HSL	197.2°, 63, 44.5	`hsl(197.2,63%,44.5%)`
HSV (or HSB)	197.2°, 77.3, 72.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.027, -14.649, -29.578
XYZ	19.683, 23.94, 49.48
xyY	0.211, 0.257, 23.94
CIE-LCH	56.027, 33.007, 243.653
CIE-LUV	56.027, -35.33, -43.459
Hunter-Lab	48.928, -13.818, -25.708
Binary	00101010, 10010000, 10111001

#2a90b9
```
#2a90b9 rgb(42,144,185)
```
#b9532a
```
#b9532a rgb(185,83,42)
```

Complementary Color

#2ab99b
```
#2ab99b rgb(42,185,155)
```
#2a90b9
```
#2a90b9 rgb(42,144,185)
```
#2a49b9
```
#2a49b9 rgb(42,73,185)
```

Analogous Color

#b99b2a
```
#b99b2a rgb(185,155,42)
```
#2a90b9
```
#2a90b9 rgb(42,144,185)
```
#b92a49
```
#b92a49 rgb(185,42,73)
```

Split Complementary Color

#90b92a
```
#90b92a rgb(144,185,42)
```
#2a90b9
```
#2a90b9 rgb(42,144,185)
```
#b92a90
```
#b92a90 rgb(185,42,144)
```

Triadic Color

#2ab953
```
#2ab953 rgb(42,185,83)
```
#2a90b9
```
#2a90b9 rgb(42,144,185)
```
#b92a90
```
#b92a90 rgb(185,42,144)
```
#b9532a
```
#b9532a rgb(185,83,42)
```

Tetradic Color

#1c5f7b
```
#1c5f7b rgb(28,95,123)
```
#21708f
```
#21708f rgb(33,112,143)
```
#2580a4
```
#2580a4 rgb(37,128,164)
```
#2a90b9
```
#2a90b9 rgb(42,144,185)
```
#2fa0ce
```
#2fa0ce rgb(47,160,206)
```
#42aad4
```
#42aad4 rgb(66,170,212)
```
#57b3d9
```
#57b3d9 rgb(87,179,217)
```

Monochromatic Color

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

#2ab4b9
```
#2ab4b9 rgb(42,180,185)
```
#2aa8b9
```
#2aa8b9 rgb(42,168,185)
```
#2a9cb9
```
#2a9cb9 rgb(42,156,185)
```
#2a90b9
```
#2a90b9 rgb(42,144,185)
```
#2a84b9
```
#2a84b9 rgb(42,132,185)
```
#2a78b9
```
#2a78b9 rgb(42,120,185)
```
#2a6cb9
```
#2a6cb9 rgb(42,108,185)
```

Similar Colors

Text with hexadecimal color #2a90b9

This text has a font color of #2a90b9.

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

#2a90b9 background color

This paragraph has a background color of #2a90b9.

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

#2a90b9 border color

This element has a border color of #2a90b9.

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

CSS codes

.text {color:#2a90b9;}

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

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

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

#020709
```
#020709 rgb(2,7,9)
```
#061419
```
#061419 rgb(6,20,25)
```
#092029
```
#092029 rgb(9,32,41)
```
#0d2c39
```
#0d2c39 rgb(13,44,57)
```
#113949
```
#113949 rgb(17,57,73)
```
#144559
```
#144559 rgb(20,69,89)
```
#185269
```
#185269 rgb(24,82,105)
```
#1b5e79
```
#1b5e79 rgb(27,94,121)
```
#1f6b89
```
#1f6b89 rgb(31,107,137)
```
#237799
```
#237799 rgb(35,119,153)
```
#2684a9
```
#2684a9 rgb(38,132,169)
```
#2a90b9
```
#2a90b9 rgb(42,144,185)
```
#2e9cc9
```
#2e9cc9 rgb(46,156,201)
```

Shade Color Variation

#38a6d2
```
#38a6d2 rgb(56,166,210)
```
#48add6
```
#48add6 rgb(72,173,214)
```
#58b4d9
```
#58b4d9 rgb(88,180,217)
```
#68bbdd
```
#68bbdd rgb(104,187,221)
```
#78c3e0
```
#78c3e0 rgb(120,195,224)
```
#88cae4
```
#88cae4 rgb(136,202,228)
```
#98d1e8
```
#98d1e8 rgb(152,209,232)
```
#a8d8eb
```
#a8d8eb rgb(168,216,235)
```
#b8dfef
```
#b8dfef rgb(184,223,239)
```
#c8e6f3
```
#c8e6f3 rgb(200,230,243)
```
#d8eef6
```
#d8eef6 rgb(216,238,246)
```
#e8f5fa
```
#e8f5fa rgb(232,245,250)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#707273
```
#707273 rgb(112,114,115)
```
#67767c
```
#67767c rgb(103,118,124)
```
#5e7a85
```
#5e7a85 rgb(94,122,133)
```
#567d8d
```
#567d8d rgb(86,125,141)
```
#4d8196
```
#4d8196 rgb(77,129,150)
```
#44859f
```
#44859f rgb(68,133,159)
```
#3b89a8
```
#3b89a8 rgb(59,137,168)
```
#338cb0
```
#338cb0 rgb(51,140,176)
```
#2a90b9
```
#2a90b9 rgb(42,144,185)
```
#2194c2
```
#2194c2 rgb(33,148,194)
```
#1997ca
```
#1997ca rgb(25,151,202)
```
#109bd3
```
#109bd3 rgb(16,155,211)
```
#079fdc
```
#079fdc rgb(7,159,220)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#677b83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#808bb5 Protanopia 1% of men
#788bc0 Deuteranopia 1% of men
#069aa5 Tritanopia 0.001% of the population

Trichromacy

#608cb6 Protanomaly 1% of men, 0.01% of women
#5b8dbd Deuteranomaly 6% of men, 0.4% of women
#1396ac Tritanomaly 0.01% of the population

#2a90b9 hex color

#2a90b9 Color Information

#2a90b9 Color Conversion

Color Schemes with #2a90b9

Alternatives to #2a90b9

#2a90b9 Preview

Shades and Tints of #2a90b9

Tones of #2a90b9

Color Blindness Simulator