#2ca9ed hex color

In a RGB color space, hex #2ca9ed is composed of 17.3% red, 66.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 28.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 201.1 degrees, a saturation of 84.3% and a lightness of 55.1%. #2ca9ed color hex could be obtained by blending #58ffff with #0053db. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 17
- G 66
- B 93
RGB color chart
- C 81
- M 29
- Y 0
- K 7
CMYK color chart

● #2ca9ed color description : Bright blue.

The hexadecimal color #2ca9ed has RGB values of R:44, G:169, B:237 and CMYK values of C:0.81, M:0.29, Y:0, K:0.07. Its decimal value is 2927085.

Hex triplet	2ca9ed	`#2ca9ed`
RGB Decimal	44, 169, 237	`rgb(44,169,237)`
RGB Percent	17.3, 66.3, 92.9	`rgb(17.3%,66.3%,92.9%)`
CMYK	81, 29, 0, 7
HSL	201.1°, 84.3, 55.1	`hsl(201.1,84.3%,55.1%)`
HSV (or HSB)	201.1°, 81.4, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	65.767, -10.096, -43.371
XYZ	30.509, 35.023, 85.268
xyY	0.202, 0.232, 35.023
CIE-LCH	65.767, 44.531, 256.896
CIE-LUV	65.767, -40.6, -68.386
Hunter-Lab	59.18, -11.544, -44
Binary	00101100, 10101001, 11101101

#2ca9ed
```
#2ca9ed rgb(44,169,237)
```
#ed702c
```
#ed702c rgb(237,112,44)
```

Complementary Color

#2cedd1
```
#2cedd1 rgb(44,237,209)
```
#2ca9ed
```
#2ca9ed rgb(44,169,237)
```
#2c48ed
```
#2c48ed rgb(44,72,237)
```

Analogous Color

#edd12c
```
#edd12c rgb(237,209,44)
```
#2ca9ed
```
#2ca9ed rgb(44,169,237)
```
#ed2c48
```
#ed2c48 rgb(237,44,72)
```

Split Complementary Color

#a9ed2c
```
#a9ed2c rgb(169,237,44)
```
#2ca9ed
```
#2ca9ed rgb(44,169,237)
```
#ed2ca9
```
#ed2ca9 rgb(237,44,169)
```

Triadic Color

#2ced70
```
#2ced70 rgb(44,237,112)
```
#2ca9ed
```
#2ca9ed rgb(44,169,237)
```
#ed2ca9
```
#ed2ca9 rgb(237,44,169)
```
#ed702c
```
#ed702c rgb(237,112,44)
```

Tetradic Color

#1080bc
```
#1080bc rgb(16,128,188)
```
#1290d4
```
#1290d4 rgb(18,144,212)
```
#159feb
```
#159feb rgb(21,159,235)
```
#2ca9ed
```
#2ca9ed rgb(44,169,237)
```
#43b3ef
```
#43b3ef rgb(67,179,239)
```
#5bbcf1
```
#5bbcf1 rgb(91,188,241)
```
#72c6f3
```
#72c6f3 rgb(114,198,243)
```

Monochromatic Color

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

#2cd9ed
```
#2cd9ed rgb(44,217,237)
```
#2cc9ed
```
#2cc9ed rgb(44,201,237)
```
#2cb9ed
```
#2cb9ed rgb(44,185,237)
```
#2ca9ed
```
#2ca9ed rgb(44,169,237)
```
#2c99ed
```
#2c99ed rgb(44,153,237)
```
#2c89ed
```
#2c89ed rgb(44,137,237)
```
#2c79ed
```
#2c79ed rgb(44,121,237)
```

Similar Colors

Text with hexadecimal color #2ca9ed

This text has a font color of #2ca9ed.

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

#2ca9ed background color

This paragraph has a background color of #2ca9ed.

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

#2ca9ed border color

This element has a border color of #2ca9ed.

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

CSS codes

.text {color:#2ca9ed;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#021018
```
#021018 rgb(2,16,24)
```
#041c2a
```
#041c2a rgb(4,28,42)
```
#05293c
```
#05293c rgb(5,41,60)
```
#07354e
```
#07354e rgb(7,53,78)
```
#084160
```
#084160 rgb(8,65,96)
```
#0a4d72
```
#0a4d72 rgb(10,77,114)
```
#0b5a84
```
#0b5a84 rgb(11,90,132)
```
#0d6696
```
#0d6696 rgb(13,102,150)
```
#0e72a9
```
#0e72a9 rgb(14,114,169)
```
#107ebb
```
#107ebb rgb(16,126,187)
```
#118bcd
```
#118bcd rgb(17,139,205)
```
#1397df
```
#1397df rgb(19,151,223)
```

Shade Color Variation

#1aa2eb
```
#1aa2eb rgb(26,162,235)
```
#2ca9ed
```
#2ca9ed rgb(44,169,237)
```
#3eb0ef
```
#3eb0ef rgb(62,176,239)
```
#50b8f0
```
#50b8f0 rgb(80,184,240)
```
#62bff2
```
#62bff2 rgb(98,191,242)
```
#74c6f3
```
#74c6f3 rgb(116,198,243)
```
#86cef5
```
#86cef5 rgb(134,206,245)
```
#98d5f6
```
#98d5f6 rgb(152,213,246)
```
#abddf8
```
#abddf8 rgb(171,221,248)
```
#bde4f9
```
#bde4f9 rgb(189,228,249)
```
#cfebfb
```
#cfebfb rgb(207,235,251)
```
#e1f3fc
```
#e1f3fc rgb(225,243,252)
```
#f3fafe
```
#f3fafe rgb(243,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848f95 is the less saturated color, while #1aaeff is the most saturated one.

#848f95
```
#848f95 rgb(132,143,149)
```
#7b929e
```
#7b929e rgb(123,146,158)
```
#7294a7
```
#7294a7 rgb(114,148,167)
```
#6a97af
```
#6a97af rgb(106,151,175)
```
#6199b8
```
#6199b8 rgb(97,153,184)
```
#589cc1
```
#589cc1 rgb(88,156,193)
```
#4f9fca
```
#4f9fca rgb(79,159,202)
```
#46a1d3
```
#46a1d3 rgb(70,161,211)
```
#3ea4db
```
#3ea4db rgb(62,164,219)
```
#35a6e4
```
#35a6e4 rgb(53,166,228)
```
#2ca9ed
```
#2ca9ed rgb(44,169,237)
```
#23acf6
```
#23acf6 rgb(35,172,246)
```
#1aaeff
```
#1aaeff rgb(26,174,255)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#78919f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8da2e5 Protanopia 1% of men
#7ba4f1 Deuteranopia 1% of men
#00b4c1 Tritanopia 0.001% of the population

Trichromacy

#69a4e8 Protanomaly 1% of men, 0.01% of women
#5ea6f0 Deuteranomaly 6% of men, 0.4% of women
#10b0d1 Tritanomaly 0.01% of the population

#2ca9ed hex color

#2ca9ed Color Information

#2ca9ed Color Conversion

Color Schemes with #2ca9ed

Alternatives to #2ca9ed

#2ca9ed Preview

Shades and Tints of #2ca9ed

Tones of #2ca9ed

Color Blindness Simulator