#2a9fd3 hex color

In a RGB color space, hex #2a9fd3 is composed of 16.5% red, 62.4% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 24.6% magenta, 0% yellow and 17.3% black. It has a hue angle of 198.5 degrees, a saturation of 66.8% and a lightness of 49.6%. #2a9fd3 color hex could be obtained by blending #54ffff with #003fa7. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 62
- B 83
RGB color chart
- C 80
- M 25
- Y 0
- K 17
CMYK color chart

● #2a9fd3 color description : Strong blue.

The hexadecimal color #2a9fd3 has RGB values of R:42, G:159, B:211 and CMYK values of C:0.8, M:0.25, Y:0, K:0.17. Its decimal value is 2793427.

Hex triplet	2a9fd3	`#2a9fd3`
RGB Decimal	42, 159, 211	`rgb(42,159,211)`
RGB Percent	16.5, 62.4, 82.7	`rgb(16.5%,62.4%,82.7%)`
CMYK	80, 25, 0, 17
HSL	198.5°, 66.8, 49.6	`hsl(198.5,66.8%,49.6%)`
HSV (or HSB)	198.5°, 80.1, 82.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.645, -13.858, -35.467
XYZ	25.108, 29.989, 66.09
xyY	0.207, 0.247, 29.989
CIE-LCH	61.645, 38.078, 248.658
CIE-LUV	61.645, -38.994, -54.029
Hunter-Lab	54.763, -13.995, -33.22
Binary	00101010, 10011111, 11010011

#2a9fd3
```
#2a9fd3 rgb(42,159,211)
```
#d35e2a
```
#d35e2a rgb(211,94,42)
```

Complementary Color

#2ad3b3
```
#2ad3b3 rgb(42,211,179)
```
#2a9fd3
```
#2a9fd3 rgb(42,159,211)
```
#2a4ad3
```
#2a4ad3 rgb(42,74,211)
```

Analogous Color

#d3b32a
```
#d3b32a rgb(211,179,42)
```
#2a9fd3
```
#2a9fd3 rgb(42,159,211)
```
#d32a4b
```
#d32a4b rgb(211,42,75)
```

Split Complementary Color

#9fd32a
```
#9fd32a rgb(159,211,42)
```
#2a9fd3
```
#2a9fd3 rgb(42,159,211)
```
#d32a9f
```
#d32a9f rgb(211,42,159)
```

Triadic Color

#2ad35e
```
#2ad35e rgb(42,211,94)
```
#2a9fd3
```
#2a9fd3 rgb(42,159,211)
```
#d32a9f
```
#d32a9f rgb(211,42,159)
```
#d35e2a
```
#d35e2a rgb(211,94,42)
```

Tetradic Color

#1d6f93
```
#1d6f93 rgb(29,111,147)
```
#227fa8
```
#227fa8 rgb(34,127,168)
```
#268fbe
```
#268fbe rgb(38,143,190)
```
#2a9fd3
```
#2a9fd3 rgb(42,159,211)
```
#3ea9d9
```
#3ea9d9 rgb(62,169,217)
```
#53b2dd
```
#53b2dd rgb(83,178,221)
```
#68bce1
```
#68bce1 rgb(104,188,225)
```

Monochromatic Color

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

#2ac9d3
```
#2ac9d3 rgb(42,201,211)
```
#2abbd3
```
#2abbd3 rgb(42,187,211)
```
#2aadd3
```
#2aadd3 rgb(42,173,211)
```
#2a9fd3
```
#2a9fd3 rgb(42,159,211)
```
#2a91d3
```
#2a91d3 rgb(42,145,211)
```
#2a83d3
```
#2a83d3 rgb(42,131,211)
```
#2a75d3
```
#2a75d3 rgb(42,117,211)
```

Similar Colors

Text with hexadecimal color #2a9fd3

This text has a font color of #2a9fd3.

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

#2a9fd3 background color

This paragraph has a background color of #2a9fd3.

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

#2a9fd3 border color

This element has a border color of #2a9fd3.

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

CSS codes

.text {color:#2a9fd3;}

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

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

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, #030b0f is the darkest color, while #fdfeff is the lightest one.

#030b0f
```
#030b0f rgb(3,11,15)
```
#06171f
```
#06171f rgb(6,23,31)
```
#09242f
```
#09242f rgb(9,36,47)
```
#0d3040
```
#0d3040 rgb(13,48,64)
```
#103c50
```
#103c50 rgb(16,60,80)
```
#134960
```
#134960 rgb(19,73,96)
```
#165571
```
#165571 rgb(22,85,113)
```
#1a6181
```
#1a6181 rgb(26,97,129)
```
#1d6e92
```
#1d6e92 rgb(29,110,146)
```
#207aa2
```
#207aa2 rgb(32,122,162)
```
#2386b2
```
#2386b2 rgb(35,134,178)
```
#2793c3
```
#2793c3 rgb(39,147,195)
```
#2a9fd3
```
#2a9fd3 rgb(42,159,211)
```

Shade Color Variation

#39a7d8
```
#39a7d8 rgb(57,167,216)
```
#49aedb
```
#49aedb rgb(73,174,219)
```
#5ab5de
```
#5ab5de rgb(90,181,222)
```
#6abde1
```
#6abde1 rgb(106,189,225)
```
#7ac4e5
```
#7ac4e5 rgb(122,196,229)
```
#8bcbe8
```
#8bcbe8 rgb(139,203,232)
```
#9bd3eb
```
#9bd3eb rgb(155,211,235)
```
#acdaee
```
#acdaee rgb(172,218,238)
```
#bce1f2
```
#bce1f2 rgb(188,225,242)
```
#cce8f5
```
#cce8f5 rgb(204,232,245)
```
#ddf0f8
```
#ddf0f8 rgb(221,240,248)
```
#edf7fb
```
#edf7fb rgb(237,247,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#788185
```
#788185 rgb(120,129,133)
```
#6e858f
```
#6e858f rgb(110,133,143)
```
#648999
```
#648999 rgb(100,137,153)
```
#5b8ca2
```
#5b8ca2 rgb(91,140,162)
```
#5190ac
```
#5190ac rgb(81,144,172)
```
#4794b6
```
#4794b6 rgb(71,148,182)
```
#3d98c0
```
#3d98c0 rgb(61,152,192)
```
#349bc9
```
#349bc9 rgb(52,155,201)
```
#2a9fd3
```
#2a9fd3 rgb(42,159,211)
```
#20a3dd
```
#20a3dd rgb(32,163,221)
```
#17a6e6
```
#17a6e6 rgb(23,166,230)
```
#0daaf0
```
#0daaf0 rgb(13,170,240)
```
#03aefa
```
#03aefa rgb(3,174,250)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#708892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8998cd Protanopia 1% of men
#7e99d9 Deuteranopia 1% of men
#00a9b5 Tritanopia 0.001% of the population

Trichromacy

#679acf Protanomaly 1% of men, 0.01% of women
#5f9bd7 Deuteranomaly 6% of men, 0.4% of women
#0fa5c0 Tritanomaly 0.01% of the population

#2a9fd3 hex color

#2a9fd3 Color Information

#2a9fd3 Color Conversion

Color Schemes with #2a9fd3

Alternatives to #2a9fd3

#2a9fd3 Preview

Shades and Tints of #2a9fd3

Tones of #2a9fd3

Color Blindness Simulator