#2a90cc hex color

In a RGB color space, hex #2a90cc is composed of 16.5% red, 56.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 29.4% magenta, 0% yellow and 20% black. It has a hue angle of 202.2 degrees, a saturation of 65.9% and a lightness of 48.2%. #2a90cc color hex could be obtained by blending #54ffff with #002199. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 56
- B 80
RGB color chart
- C 79
- M 29
- Y 0
- K 20
CMYK color chart

● #2a90cc color description : Strong blue.

The hexadecimal color #2a90cc has RGB values of R:42, G:144, B:204 and CMYK values of C:0.79, M:0.29, Y:0, K:0.2. Its decimal value is 2789580.

Hex triplet	2a90cc	`#2a90cc`
RGB Decimal	42, 144, 204	`rgb(42,144,204)`
RGB Percent	16.5, 56.5, 80	`rgb(16.5%,56.5%,80%)`
CMYK	79, 29, 0, 20
HSL	202.2°, 65.9, 48.2	`hsl(202.2,65.9%,48.2%)`
HSV (or HSB)	202.2°, 79.4, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.877, -7.947, -39.008
XYZ	21.824, 24.796, 60.759
xyY	0.203, 0.231, 24.796
CIE-LCH	56.877, 39.809, 258.485
CIE-LUV	56.877, -34.23, -59.835
Hunter-Lab	49.796, -8.911, -37.486
Binary	00101010, 10010000, 11001100

#2a90cc
```
#2a90cc rgb(42,144,204)
```
#cc662a
```
#cc662a rgb(204,102,42)
```

Complementary Color

#2accb7
```
#2accb7 rgb(42,204,183)
```
#2a90cc
```
#2a90cc rgb(42,144,204)
```
#2a3fcc
```
#2a3fcc rgb(42,63,204)
```

Analogous Color

#ccb72a
```
#ccb72a rgb(204,183,42)
```
#2a90cc
```
#2a90cc rgb(42,144,204)
```
#cc2a3f
```
#cc2a3f rgb(204,42,63)
```

Split Complementary Color

#90cc2a
```
#90cc2a rgb(144,204,42)
```
#2a90cc
```
#2a90cc rgb(42,144,204)
```
#cc2a90
```
#cc2a90 rgb(204,42,144)
```

Triadic Color

#2acc66
```
#2acc66 rgb(42,204,102)
```
#2a90cc
```
#2a90cc rgb(42,144,204)
```
#cc2a90
```
#cc2a90 rgb(204,42,144)
```
#cc662a
```
#cc662a rgb(204,102,42)
```

Tetradic Color

#1d638d
```
#1d638d rgb(29,99,141)
```
#2172a2
```
#2172a2 rgb(33,114,162)
```
#2681b7
```
#2681b7 rgb(38,129,183)
```
#2a90cc
```
#2a90cc rgb(42,144,204)
```
#399cd6
```
#399cd6 rgb(57,156,214)
```
#4ea7db
```
#4ea7db rgb(78,167,219)
```
#64b1df
```
#64b1df rgb(100,177,223)
```

Monochromatic Color

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

#2ab9cc
```
#2ab9cc rgb(42,185,204)
```
#2aabcc
```
#2aabcc rgb(42,171,204)
```
#2a9ecc
```
#2a9ecc rgb(42,158,204)
```
#2a90cc
```
#2a90cc rgb(42,144,204)
```
#2a83cc
```
#2a83cc rgb(42,131,204)
```
#2a75cc
```
#2a75cc rgb(42,117,204)
```
#2a68cc
```
#2a68cc rgb(42,104,204)
```

Similar Colors

Text with hexadecimal color #2a90cc

This text has a font color of #2a90cc.

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

#2a90cc background color

This paragraph has a background color of #2a90cc.

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

#2a90cc border color

This element has a border color of #2a90cc.

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

CSS codes

.text {color:#2a90cc;}

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

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

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

#020609
```
#020609 rgb(2,6,9)
```
#051219
```
#051219 rgb(5,18,25)
```
#091d29
```
#091d29 rgb(9,29,41)
```
#0c293a
```
#0c293a rgb(12,41,58)
```
#0f344a
```
#0f344a rgb(15,52,74)
```
#13405a
```
#13405a rgb(19,64,90)
```
#164b6a
```
#164b6a rgb(22,75,106)
```
#19577b
```
#19577b rgb(25,87,123)
```
#1d628b
```
#1d628b rgb(29,98,139)
```
#206e9b
```
#206e9b rgb(32,110,155)
```
#2379ab
```
#2379ab rgb(35,121,171)
```
#2785bc
```
#2785bc rgb(39,133,188)
```
#2a90cc
```
#2a90cc rgb(42,144,204)
```

Shade Color Variation

#349ad5
```
#349ad5 rgb(52,154,213)
```
#45a2d9
```
#45a2d9 rgb(69,162,217)
```
#55aadc
```
#55aadc rgb(85,170,220)
```
#65b2df
```
#65b2df rgb(101,178,223)
```
#75bae3
```
#75bae3 rgb(117,186,227)
```
#86c2e6
```
#86c2e6 rgb(134,194,230)
```
#96cae9
```
#96cae9 rgb(150,202,233)
```
#a6d3ed
```
#a6d3ed rgb(166,211,237)
```
#b6dbf0
```
#b6dbf0 rgb(182,219,240)
```
#c7e3f3
```
#c7e3f3 rgb(199,227,243)
```
#d7ebf7
```
#d7ebf7 rgb(215,235,247)
```
#e7f3fa
```
#e7f3fa rgb(231,243,250)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767c80 is the less saturated color, while #049af2 is the most saturated one.

#767c80
```
#767c80 rgb(118,124,128)
```
#6c7f8a
```
#6c7f8a rgb(108,127,138)
```
#638193
```
#638193 rgb(99,129,147)
```
#59849d
```
#59849d rgb(89,132,157)
```
#5086a6
```
#5086a6 rgb(80,134,166)
```
#4689b0
```
#4689b0 rgb(70,137,176)
```
#3d8bb9
```
#3d8bb9 rgb(61,139,185)
```
#338ec3
```
#338ec3 rgb(51,142,195)
```
#2a90cc
```
#2a90cc rgb(42,144,204)
```
#2192d5
```
#2192d5 rgb(33,146,213)
```
#1795df
```
#1795df rgb(23,149,223)
```
#0e97e8
```
#0e97e8 rgb(14,151,232)
```
#049af2
```
#049af2 rgb(4,154,242)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#687d89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#798cc7 Protanopia 1% of men
#6a8ed1 Deuteranopia 1% of men
#009ca7 Tritanopia 0.001% of the population

Trichromacy

#5c8dc9 Protanomaly 1% of men, 0.01% of women
#538ecf Deuteranomaly 6% of men, 0.4% of women
#0f97b4 Tritanomaly 0.01% of the population

#2a90cc hex color

#2a90cc Color Information

#2a90cc Color Conversion

Color Schemes with #2a90cc

Alternatives to #2a90cc

#2a90cc Preview

Shades and Tints of #2a90cc

Tones of #2a90cc

Color Blindness Simulator