#2a5fc9 hex color

In a RGB color space, hex #2a5fc9 is composed of 16.5% red, 37.3% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 52.7% magenta, 0% yellow and 21.2% black. It has a hue angle of 220 degrees, a saturation of 65.4% and a lightness of 47.6%. #2a5fc9 color hex could be obtained by blending #54beff with #000093. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 37
- B 79
RGB color chart
- C 79
- M 53
- Y 0
- K 21
CMYK color chart

● #2a5fc9 color description : Strong blue.

The hexadecimal color #2a5fc9 has RGB values of R:42, G:95, B:201 and CMYK values of C:0.79, M:0.53, Y:0, K:0.21. Its decimal value is 2777033.

Hex triplet	2a5fc9	`#2a5fc9`
RGB Decimal	42, 95, 201	`rgb(42,95,201)`
RGB Percent	16.5, 37.3, 78.8	`rgb(16.5%,37.3%,78.8%)`
CMYK	79, 53, 0, 21
HSL	220°, 65.4, 47.6	`hsl(220,65.4%,47.6%)`
HSV (or HSB)	220°, 79.1, 78.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.601, 21.093, -60.079
XYZ	15.587, 12.893, 56.922
xyY	0.183, 0.151, 12.893
CIE-LCH	42.601, 63.675, 289.346
CIE-LUV	42.601, -18.636, -90.149
Hunter-Lab	35.906, 14.654, -68.858
Binary	00101010, 01011111, 11001001

#2a5fc9
```
#2a5fc9 rgb(42,95,201)
```
#c9942a
```
#c9942a rgb(201,148,42)
```

Complementary Color

#2aafc9
```
#2aafc9 rgb(42,175,201)
```
#2a5fc9
```
#2a5fc9 rgb(42,95,201)
```
#442ac9
```
#442ac9 rgb(68,42,201)
```

Analogous Color

#afc92a
```
#afc92a rgb(175,201,42)
```
#2a5fc9
```
#2a5fc9 rgb(42,95,201)
```
#c9442a
```
#c9442a rgb(201,68,42)
```

Split Complementary Color

#5fc92a
```
#5fc92a rgb(95,201,42)
```
#2a5fc9
```
#2a5fc9 rgb(42,95,201)
```
#c92a5f
```
#c92a5f rgb(201,42,95)
```

Triadic Color

#2ac994
```
#2ac994 rgb(42,201,148)
```
#2a5fc9
```
#2a5fc9 rgb(42,95,201)
```
#c92a5f
```
#c92a5f rgb(201,42,95)
```
#c9942a
```
#c9942a rgb(201,148,42)
```

Tetradic Color

#1d418a
```
#1d418a rgb(29,65,138)
```
#214b9f
```
#214b9f rgb(33,75,159)
```
#2655b4
```
#2655b4 rgb(38,85,180)
```
#2a5fc9
```
#2a5fc9 rgb(42,95,201)
```
#376cd5
```
#376cd5 rgb(55,108,213)
```
#4c7bda
```
#4c7bda rgb(76,123,218)
```
#618bde
```
#618bde rgb(97,139,222)
```

Monochromatic Color

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

#2a87c9
```
#2a87c9 rgb(42,135,201)
```
#2a7ac9
```
#2a7ac9 rgb(42,122,201)
```
#2a6cc9
```
#2a6cc9 rgb(42,108,201)
```
#2a5fc9
```
#2a5fc9 rgb(42,95,201)
```
#2a52c9
```
#2a52c9 rgb(42,82,201)
```
#2a45c9
```
#2a45c9 rgb(42,69,201)
```
#2a37c9
```
#2a37c9 rgb(42,55,201)
```

Similar Colors

Text with hexadecimal color #2a5fc9

This text has a font color of #2a5fc9.

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

#2a5fc9 background color

This paragraph has a background color of #2a5fc9.

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

#2a5fc9 border color

This element has a border color of #2a5fc9.

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

CSS codes

.text {color:#2a5fc9;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#050b17
```
#050b17 rgb(5,11,23)
```
#081227
```
#081227 rgb(8,18,39)
```
#0b1a37
```
#0b1a37 rgb(11,26,55)
```
#0f2247
```
#0f2247 rgb(15,34,71)
```
#122957
```
#122957 rgb(18,41,87)
```
#163168
```
#163168 rgb(22,49,104)
```
#193978
```
#193978 rgb(25,57,120)
```
#1c4088
```
#1c4088 rgb(28,64,136)
```
#204898
```
#204898 rgb(32,72,152)
```
#2350a9
```
#2350a9 rgb(35,80,169)
```
#2757b9
```
#2757b9 rgb(39,87,185)
```
#2a5fc9
```
#2a5fc9 rgb(42,95,201)
```

Shade Color Variation

#3268d4
```
#3268d4 rgb(50,104,212)
```
#4374d8
```
#4374d8 rgb(67,116,216)
```
#5380db
```
#5380db rgb(83,128,219)
```
#638cde
```
#638cde rgb(99,140,222)
```
#7398e2
```
#7398e2 rgb(115,152,226)
```
#83a4e5
```
#83a4e5 rgb(131,164,229)
```
#94b0e9
```
#94b0e9 rgb(148,176,233)
```
#a4bcec
```
#a4bcec rgb(164,188,236)
```
#b4c8ef
```
#b4c8ef rgb(180,200,239)
```
#c4d4f3
```
#c4d4f3 rgb(196,212,243)
```
#d5e0f6
```
#d5e0f6 rgb(213,224,246)
```
#e5ecfa
```
#e5ecfa rgb(229,236,250)
```
#f5f8fd
```
#f5f8fd rgb(245,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75787e is the less saturated color, while #0553ee is the most saturated one.

#75787e
```
#75787e rgb(117,120,126)
```
#6b7588
```
#6b7588 rgb(107,117,136)
```
#627291
```
#627291 rgb(98,114,145)
```
#596f9a
```
#596f9a rgb(89,111,154)
```
#4f6ba4
```
#4f6ba4 rgb(79,107,164)
```
#4668ad
```
#4668ad rgb(70,104,173)
```
#3d65b6
```
#3d65b6 rgb(61,101,182)
```
#3362c0
```
#3362c0 rgb(51,98,192)
```
#2a5fc9
```
#2a5fc9 rgb(42,95,201)
```
#215cd2
```
#215cd2 rgb(33,92,210)
```
#1759dc
```
#1759dc rgb(23,89,220)
```
#0e56e5
```
#0e56e5 rgb(14,86,229)
```
#0553ee
```
#0553ee rgb(5,83,238)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#515c71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1369cd Protanopia 1% of men
#006eb5 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#1b65cb Protanomaly 1% of men, 0.01% of women
#0f69bc Deuteranomaly 6% of men, 0.4% of women
#0f6e99 Tritanomaly 0.01% of the population

#2a5fc9 hex color

#2a5fc9 Color Information

#2a5fc9 Color Conversion

Color Schemes with #2a5fc9

Alternatives to #2a5fc9

#2a5fc9 Preview

Shades and Tints of #2a5fc9

Tones of #2a5fc9

Color Blindness Simulator