#2a9dce hex color

In a RGB color space, hex #2a9dce is composed of 16.5% red, 61.6% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 23.8% magenta, 0% yellow and 19.2% black. It has a hue angle of 197.9 degrees, a saturation of 66.1% and a lightness of 48.6%. #2a9dce color hex could be obtained by blending #54ffff with #003b9d. Closest websafe color is: #3399cc.

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

● #2a9dce color description : Strong blue.

The hexadecimal color #2a9dce has RGB values of R:42, G:157, B:206 and CMYK values of C:0.8, M:0.24, Y:0, K:0.19. Its decimal value is 2792910.

Hex triplet	2a9dce	`#2a9dce`
RGB Decimal	42, 157, 206	`rgb(42,157,206)`
RGB Percent	16.5, 61.6, 80.8	`rgb(16.5%,61.6%,80.8%)`
CMYK	80, 24, 0, 19
HSL	197.9°, 66.1, 48.6	`hsl(197.9,66.1%,48.6%)`
HSV (or HSB)	197.9°, 79.6, 80.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.835, -14.5, -33.941
XYZ	24.15, 29.06, 62.726
xyY	0.208, 0.251, 29.06
CIE-LCH	60.835, 36.908, 246.867
CIE-LUV	60.835, -38.611, -51.299
Hunter-Lab	53.908, -14.374, -31.253
Binary	00101010, 10011101, 11001110

#2a9dce
```
#2a9dce rgb(42,157,206)
```
#ce5b2a
```
#ce5b2a rgb(206,91,42)
```

Complementary Color

#2acead
```
#2acead rgb(42,206,173)
```
#2a9dce
```
#2a9dce rgb(42,157,206)
```
#2a4bce
```
#2a4bce rgb(42,75,206)
```

Analogous Color

#cead2a
```
#cead2a rgb(206,173,42)
```
#2a9dce
```
#2a9dce rgb(42,157,206)
```
#ce2a4b
```
#ce2a4b rgb(206,42,75)
```

Split Complementary Color

#9dce2a
```
#9dce2a rgb(157,206,42)
```
#2a9dce
```
#2a9dce rgb(42,157,206)
```
#ce2a9d
```
#ce2a9d rgb(206,42,157)
```

Triadic Color

#2ace5b
```
#2ace5b rgb(42,206,91)
```
#2a9dce
```
#2a9dce rgb(42,157,206)
```
#ce2a9d
```
#ce2a9d rgb(206,42,157)
```
#ce5b2a
```
#ce5b2a rgb(206,91,42)
```

Tetradic Color

#1d6d8e
```
#1d6d8e rgb(29,109,142)
```
#217da4
```
#217da4 rgb(33,125,164)
```
#268db9
```
#268db9 rgb(38,141,185)
```
#2a9dce
```
#2a9dce rgb(42,157,206)
```
#3ba8d7
```
#3ba8d7 rgb(59,168,215)
```
#50b2db
```
#50b2db rgb(80,178,219)
```
#65bbe0
```
#65bbe0 rgb(101,187,224)
```

Monochromatic Color

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

#2ac6ce
```
#2ac6ce rgb(42,198,206)
```
#2ab8ce
```
#2ab8ce rgb(42,184,206)
```
#2aabce
```
#2aabce rgb(42,171,206)
```
#2a9dce
```
#2a9dce rgb(42,157,206)
```
#2a8fce
```
#2a8fce rgb(42,143,206)
```
#2a82ce
```
#2a82ce rgb(42,130,206)
```
#2a74ce
```
#2a74ce rgb(42,116,206)
```

Similar Colors

Text with hexadecimal color #2a9dce

This text has a font color of #2a9dce.

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

#2a9dce background color

This paragraph has a background color of #2a9dce.

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

#2a9dce border color

This element has a border color of #2a9dce.

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

CSS codes

.text {color:#2a9dce;}

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

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

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, #02080a is the darkest color, while #f9fcfe is the lightest one.

#02080a
```
#02080a rgb(2,8,10)
```
#05141b
```
#05141b rgb(5,20,27)
```
#09212b
```
#09212b rgb(9,33,43)
```
#0c2d3b
```
#0c2d3b rgb(12,45,59)
```
#0f3a4c
```
#0f3a4c rgb(15,58,76)
```
#13465c
```
#13465c rgb(19,70,92)
```
#16526c
```
#16526c rgb(22,82,108)
```
#195f7d
```
#195f7d rgb(25,95,125)
```
#1d6b8d
```
#1d6b8d rgb(29,107,141)
```
#20789d
```
#20789d rgb(32,120,157)
```
#2384ad
```
#2384ad rgb(35,132,173)
```
#2791be
```
#2791be rgb(39,145,190)
```
#2a9dce
```
#2a9dce rgb(42,157,206)
```

Shade Color Variation

#36a6d6
```
#36a6d6 rgb(54,166,214)
```
#46add9
```
#46add9 rgb(70,173,217)
```
#56b4dd
```
#56b4dd rgb(86,180,221)
```
#67bce0
```
#67bce0 rgb(103,188,224)
```
#77c3e3
```
#77c3e3 rgb(119,195,227)
```
#87cae7
```
#87cae7 rgb(135,202,231)
```
#97d1ea
```
#97d1ea rgb(151,209,234)
```
#a8d8ed
```
#a8d8ed rgb(168,216,237)
```
#b8e0f1
```
#b8e0f1 rgb(184,224,241)
```
#c8e7f4
```
#c8e7f4 rgb(200,231,244)
```
#d9eef7
```
#d9eef7 rgb(217,238,247)
```
#e9f5fa
```
#e9f5fa rgb(233,245,250)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

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

#767e82
```
#767e82 rgb(118,126,130)
```
#6d828b
```
#6d828b rgb(109,130,139)
```
#638695
```
#638695 rgb(99,134,149)
```
#5a8a9e
```
#5a8a9e rgb(90,138,158)
```
#508ea8
```
#508ea8 rgb(80,142,168)
```
#4791b1
```
#4791b1 rgb(71,145,177)
```
#3d95bb
```
#3d95bb rgb(61,149,187)
```
#3499c4
```
#3499c4 rgb(52,153,196)
```
#2a9dce
```
#2a9dce rgb(42,157,206)
```
#20a1d8
```
#20a1d8 rgb(32,161,216)
```
#17a5e1
```
#17a5e1 rgb(23,165,225)
```
#0da9eb
```
#0da9eb rgb(13,169,235)
```
#04acf4
```
#04acf4 rgb(4,172,244)
```

Tone Color Variation

Below, you can see how #2a9dce 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
#6f8690 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8996c8 Protanopia 1% of men
#7e97d4 Deuteranopia 1% of men
#00a7b3 Tritanopia 0.001% of the population

Trichromacy

#6698ca Protanomaly 1% of men, 0.01% of women
#5f99d2 Deuteranomaly 6% of men, 0.4% of women
#0fa3bc Tritanomaly 0.01% of the population

#2a9dce hex color

#2a9dce Color Information

#2a9dce Color Conversion

Color Schemes with #2a9dce

Alternatives to #2a9dce

#2a9dce Preview

Shades and Tints of #2a9dce

Tones of #2a9dce

Color Blindness Simulator