#2a9dd6 hex color

In a RGB color space, hex #2a9dd6 is composed of 16.5% red, 61.6% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 26.6% magenta, 0% yellow and 16.1% black. It has a hue angle of 199.9 degrees, a saturation of 67.7% and a lightness of 50.2%. #2a9dd6 color hex could be obtained by blending #54ffff with #003bad. Closest websafe color is: #3399cc.

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

● #2a9dd6 color description : Strong blue.

The hexadecimal color #2a9dd6 has RGB values of R:42, G:157, B:214 and CMYK values of C:0.8, M:0.27, Y:0, K:0.16. Its decimal value is 2792918.

Hex triplet	2a9dd6	`#2a9dd6`
RGB Decimal	42, 157, 214	`rgb(42,157,214)`
RGB Percent	16.5, 61.6, 83.9	`rgb(16.5%,61.6%,83.9%)`
CMYK	80, 27, 0, 16
HSL	199.9°, 67.7, 50.2	`hsl(199.9,67.7%,50.2%)`
HSV (or HSB)	199.9°, 80.4, 83.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.185, -11.709, -37.857
XYZ	25.146, 29.459, 67.975
xyY	0.205, 0.24, 29.459
CIE-LCH	61.185, 39.626, 252.813
CIE-LUV	61.185, -38.121, -58.21
Hunter-Lab	54.276, -12.283, -36.262
Binary	00101010, 10011101, 11010110

#2a9dd6
```
#2a9dd6 rgb(42,157,214)
```
#d6632a
```
#d6632a rgb(214,99,42)
```

Complementary Color

#2ad6b9
```
#2ad6b9 rgb(42,214,185)
```
#2a9dd6
```
#2a9dd6 rgb(42,157,214)
```
#2a47d6
```
#2a47d6 rgb(42,71,214)
```

Analogous Color

#d6b92a
```
#d6b92a rgb(214,185,42)
```
#2a9dd6
```
#2a9dd6 rgb(42,157,214)
```
#d62a47
```
#d62a47 rgb(214,42,71)
```

Split Complementary Color

#9dd62a
```
#9dd62a rgb(157,214,42)
```
#2a9dd6
```
#2a9dd6 rgb(42,157,214)
```
#d62a9d
```
#d62a9d rgb(214,42,157)
```

Triadic Color

#2ad663
```
#2ad663 rgb(42,214,99)
```
#2a9dd6
```
#2a9dd6 rgb(42,157,214)
```
#d62a9d
```
#d62a9d rgb(214,42,157)
```
#d6632a
```
#d6632a rgb(214,99,42)
```

Tetradic Color

#1d6e97
```
#1d6e97 rgb(29,110,151)
```
#217eac
```
#217eac rgb(33,126,172)
```
#258ec1
```
#258ec1 rgb(37,142,193)
```
#2a9dd6
```
#2a9dd6 rgb(42,157,214)
```
#3fa7da
```
#3fa7da rgb(63,167,218)
```
#55b1de
```
#55b1de rgb(85,177,222)
```
#6abbe2
```
#6abbe2 rgb(106,187,226)
```

Monochromatic Color

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

#2ac8d6
```
#2ac8d6 rgb(42,200,214)
```
#2abad6
```
#2abad6 rgb(42,186,214)
```
#2aabd6
```
#2aabd6 rgb(42,171,214)
```
#2a9dd6
```
#2a9dd6 rgb(42,157,214)
```
#2a8fd6
```
#2a8fd6 rgb(42,143,214)
```
#2a80d6
```
#2a80d6 rgb(42,128,214)
```
#2a72d6
```
#2a72d6 rgb(42,114,214)
```

Similar Colors

Text with hexadecimal color #2a9dd6

This text has a font color of #2a9dd6.

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

#2a9dd6 background color

This paragraph has a background color of #2a9dd6.

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

#2a9dd6 border color

This element has a border color of #2a9dd6.

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

CSS codes

.text {color:#2a9dd6;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030d11
```
#030d11 rgb(3,13,17)
```
#061922
```
#061922 rgb(6,25,34)
```
#0a2532
```
#0a2532 rgb(10,37,50)
```
#0d3143
```
#0d3143 rgb(13,49,67)
```
#103d53
```
#103d53 rgb(16,61,83)
```
#134964
```
#134964 rgb(19,73,100)
```
#165574
```
#165574 rgb(22,85,116)
```
#196184
```
#196184 rgb(25,97,132)
```
#1d6d95
```
#1d6d95 rgb(29,109,149)
```
#2079a5
```
#2079a5 rgb(32,121,165)
```
#2385b6
```
#2385b6 rgb(35,133,182)
```
#2691c6
```
#2691c6 rgb(38,145,198)
```

Shade Color Variation

#2a9dd6
```
#2a9dd6 rgb(42,157,214)
```
#3aa5d9
```
#3aa5d9 rgb(58,165,217)
```
#4bacdc
```
#4bacdc rgb(75,172,220)
```
#5bb4df
```
#5bb4df rgb(91,180,223)
```
#6cbbe3
```
#6cbbe3 rgb(108,187,227)
```
#7cc3e6
```
#7cc3e6 rgb(124,195,230)
```
#8dcae9
```
#8dcae9 rgb(141,202,233)
```
#9dd2ec
```
#9dd2ec rgb(157,210,236)
```
#aedaef
```
#aedaef rgb(174,218,239)
```
#bee1f2
```
#bee1f2 rgb(190,225,242)
```
#cee9f6
```
#cee9f6 rgb(206,233,246)
```
#dff0f9
```
#dff0f9 rgb(223,240,249)
```
#eff8fc
```
#eff8fc rgb(239,248,252)
```

Tint Color Variation

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

#788388
```
#788388 rgb(120,131,136)
```
#6e8692
```
#6e8692 rgb(110,134,146)
```
#65899b
```
#65899b rgb(101,137,155)
```
#5b8da5
```
#5b8da5 rgb(91,141,165)
```
#5190af
```
#5190af rgb(81,144,175)
```
#4793b9
```
#4793b9 rgb(71,147,185)
```
#3e96c2
```
#3e96c2 rgb(62,150,194)
```
#349acc
```
#349acc rgb(52,154,204)
```
#2a9dd6
```
#2a9dd6 rgb(42,157,214)
```
#20a0e0
```
#20a0e0 rgb(32,160,224)
```
#16a4ea
```
#16a4ea rgb(22,164,234)
```
#0da7f3
```
#0da7f3 rgb(13,167,243)
```
#03aafd
```
#03aafd rgb(3,170,253)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#708792 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8697d0 Protanopia 1% of men
#7898dc Deuteranopia 1% of men
#00a8b3 Tritanopia 0.001% of the population

Trichromacy

#6499d2 Protanomaly 1% of men, 0.01% of women
#5c9ad9 Deuteranomaly 6% of men, 0.4% of women
#0fa4c0 Tritanomaly 0.01% of the population

#2a9dd6 hex color

#2a9dd6 Color Information

#2a9dd6 Color Conversion

Color Schemes with #2a9dd6

Alternatives to #2a9dd6

#2a9dd6 Preview

Shades and Tints of #2a9dd6

Tones of #2a9dd6

Color Blindness Simulator