#2a9bd6 hex color

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

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

● #2a9bd6 color description : Strong blue.

The hexadecimal color #2a9bd6 has RGB values of R:42, G:155, B:214 and CMYK values of C:0.8, M:0.28, Y:0, K:0.16. Its decimal value is 2792406.

Hex triplet	2a9bd6	`#2a9bd6`
RGB Decimal	42, 155, 214	`rgb(42,155,214)`
RGB Percent	16.5, 60.8, 83.9	`rgb(16.5%,60.8%,83.9%)`
CMYK	80, 28, 0, 16
HSL	200.6°, 67.7, 50.2	`hsl(200.6,67.7%,50.2%)`
HSV (or HSB)	200.6°, 80.4, 83.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.594, -10.597, -38.781
XYZ	24.811, 28.788, 67.864
xyY	0.204, 0.237, 28.788
CIE-LCH	60.594, 40.203, 254.717
CIE-LUV	60.594, -37.434, -59.792
Hunter-Lab	53.654, -11.353, -37.434
Binary	00101010, 10011011, 11010110

#2a9bd6
```
#2a9bd6 rgb(42,155,214)
```
#d6652a
```
#d6652a rgb(214,101,42)
```

Complementary Color

#2ad6bb
```
#2ad6bb rgb(42,214,187)
```
#2a9bd6
```
#2a9bd6 rgb(42,155,214)
```
#2a45d6
```
#2a45d6 rgb(42,69,214)
```

Analogous Color

#d6bb2a
```
#d6bb2a rgb(214,187,42)
```
#2a9bd6
```
#2a9bd6 rgb(42,155,214)
```
#d62a45
```
#d62a45 rgb(214,42,69)
```

Split Complementary Color

#9bd62a
```
#9bd62a rgb(155,214,42)
```
#2a9bd6
```
#2a9bd6 rgb(42,155,214)
```
#d62a9b
```
#d62a9b rgb(214,42,155)
```

Triadic Color

#2ad665
```
#2ad665 rgb(42,214,101)
```
#2a9bd6
```
#2a9bd6 rgb(42,155,214)
```
#d62a9b
```
#d62a9b rgb(214,42,155)
```
#d6652a
```
#d6652a rgb(214,101,42)
```

Tetradic Color

#1d6d97
```
#1d6d97 rgb(29,109,151)
```
#217cac
```
#217cac rgb(33,124,172)
```
#258cc1
```
#258cc1 rgb(37,140,193)
```
#2a9bd6
```
#2a9bd6 rgb(42,155,214)
```
#3fa5da
```
#3fa5da rgb(63,165,218)
```
#55afde
```
#55afde rgb(85,175,222)
```
#6ab9e2
```
#6ab9e2 rgb(106,185,226)
```

Monochromatic Color

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

#2ac6d6
```
#2ac6d6 rgb(42,198,214)
```
#2ab8d6
```
#2ab8d6 rgb(42,184,214)
```
#2aa9d6
```
#2aa9d6 rgb(42,169,214)
```
#2a9bd6
```
#2a9bd6 rgb(42,155,214)
```
#2a8dd6
```
#2a8dd6 rgb(42,141,214)
```
#2a7ed6
```
#2a7ed6 rgb(42,126,214)
```
#2a70d6
```
#2a70d6 rgb(42,112,214)
```

Similar Colors

Text with hexadecimal color #2a9bd6

This text has a font color of #2a9bd6.

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

#2a9bd6 background color

This paragraph has a background color of #2a9bd6.

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

#2a9bd6 border color

This element has a border color of #2a9bd6.

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

CSS codes

.text {color:#2a9bd6;}

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

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

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)
```
#030c11
```
#030c11 rgb(3,12,17)
```
#061822
```
#061822 rgb(6,24,34)
```
#0a2432
```
#0a2432 rgb(10,36,50)
```
#0d3043
```
#0d3043 rgb(13,48,67)
```
#103c53
```
#103c53 rgb(16,60,83)
```
#134864
```
#134864 rgb(19,72,100)
```
#165474
```
#165474 rgb(22,84,116)
```
#196084
```
#196084 rgb(25,96,132)
```
#1d6c95
```
#1d6c95 rgb(29,108,149)
```
#2078a5
```
#2078a5 rgb(32,120,165)
```
#2383b6
```
#2383b6 rgb(35,131,182)
```
#268fc6
```
#268fc6 rgb(38,143,198)
```

Shade Color Variation

#2a9bd6
```
#2a9bd6 rgb(42,155,214)
```
#3aa3d9
```
#3aa3d9 rgb(58,163,217)
```
#4baadc
```
#4baadc rgb(75,170,220)
```
#5bb2df
```
#5bb2df rgb(91,178,223)
```
#6cbae3
```
#6cbae3 rgb(108,186,227)
```
#7cc2e6
```
#7cc2e6 rgb(124,194,230)
```
#8dc9e9
```
#8dc9e9 rgb(141,201,233)
```
#9dd1ec
```
#9dd1ec rgb(157,209,236)
```
#aed9ef
```
#aed9ef rgb(174,217,239)
```
#bee1f2
```
#bee1f2 rgb(190,225,242)
```
#cee8f6
```
#cee8f6 rgb(206,232,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, #788288 is the less saturated color, while #03a7fd is the most saturated one.

#788288
```
#788288 rgb(120,130,136)
```
#6e8692
```
#6e8692 rgb(110,134,146)
```
#65899b
```
#65899b rgb(101,137,155)
```
#5b8ca5
```
#5b8ca5 rgb(91,140,165)
```
#518faf
```
#518faf rgb(81,143,175)
```
#4792b9
```
#4792b9 rgb(71,146,185)
```
#3e95c2
```
#3e95c2 rgb(62,149,194)
```
#3498cc
```
#3498cc rgb(52,152,204)
```
#2a9bd6
```
#2a9bd6 rgb(42,155,214)
```
#209ee0
```
#209ee0 rgb(32,158,224)
```
#16a1ea
```
#16a1ea rgb(22,161,234)
```
#0da4f3
```
#0da4f3 rgb(13,164,243)
```
#03a7fd
```
#03a7fd rgb(3,167,253)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#6f8591 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8495d0 Protanopia 1% of men
#7597db Deuteranopia 1% of men
#00a6b2 Tritanopia 0.001% of the population

Trichromacy

#6397d2 Protanomaly 1% of men, 0.01% of women
#5a98d9 Deuteranomaly 6% of men, 0.4% of women
#0fa2bf Tritanomaly 0.01% of the population

#2a9bd6 hex color

#2a9bd6 Color Information

#2a9bd6 Color Conversion

Color Schemes with #2a9bd6

Alternatives to #2a9bd6

#2a9bd6 Preview

Shades and Tints of #2a9bd6

Tones of #2a9bd6

Color Blindness Simulator