#2ca5ff hex color

In a RGB color space, hex #2ca5ff is composed of 17.3% red, 64.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 35.3% magenta, 0% yellow and 0% black. It has a hue angle of 205.6 degrees, a saturation of 100% and a lightness of 58.6%. #2ca5ff color hex could be obtained by blending #58ffff with #004bff. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 17
- G 65
- B 100
RGB color chart
- C 83
- M 35
- Y 0
- K 0
CMYK color chart

● #2ca5ff color description : Vivid blue.

The hexadecimal color #2ca5ff has RGB values of R:44, G:165, B:255 and CMYK values of C:0.83, M:0.35, Y:0, K:0. Its decimal value is 2926079.

Hex triplet	2ca5ff	`#2ca5ff`
RGB Decimal	44, 165, 255	`rgb(44,165,255)`
RGB Percent	17.3, 64.7, 100	`rgb(17.3%,64.7%,100%)`
CMYK	83, 35, 0, 0
HSL	205.6°, 100, 58.6	`hsl(205.6,100%,58.6%)`
HSV (or HSB)	205.6°, 82.7, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	65.485, -1.451, -53.64
XYZ	32.54, 34.663, 99.578
xyY	0.195, 0.208, 34.663
CIE-LCH	65.485, 53.66, 268.451
CIE-LUV	65.485, -38.251, -86.699
Hunter-Lab	58.875, -4.377, -59.067
Binary	00101100, 10100101, 11111111

#2ca5ff
```
#2ca5ff rgb(44,165,255)
```
#ff862c
```
#ff862c rgb(255,134,44)
```

Complementary Color

#2cfff0
```
#2cfff0 rgb(44,255,240)
```
#2ca5ff
```
#2ca5ff rgb(44,165,255)
```
#2c3bff
```
#2c3bff rgb(44,59,255)
```

Analogous Color

#fff02c
```
#fff02c rgb(255,240,44)
```
#2ca5ff
```
#2ca5ff rgb(44,165,255)
```
#ff2c3c
```
#ff2c3c rgb(255,44,60)
```

Split Complementary Color

#a5ff2c
```
#a5ff2c rgb(165,255,44)
```
#2ca5ff
```
#2ca5ff rgb(44,165,255)
```
#ff2ca5
```
#ff2ca5 rgb(255,44,165)
```

Triadic Color

#2cff86
```
#2cff86 rgb(44,255,134)
```
#2ca5ff
```
#2ca5ff rgb(44,165,255)
```
#ff2ca5
```
#ff2ca5 rgb(255,44,165)
```
#ff862c
```
#ff862c rgb(255,134,44)
```

Tetradic Color

#0080df
```
#0080df rgb(0,128,223)
```
#008ef8
```
#008ef8 rgb(0,142,248)
```
#139aff
```
#139aff rgb(19,154,255)
```
#2ca5ff
```
#2ca5ff rgb(44,165,255)
```
#46b0ff
```
#46b0ff rgb(70,176,255)
```
#5fbbff
```
#5fbbff rgb(95,187,255)
```
#79c6ff
```
#79c6ff rgb(121,198,255)
```

Monochromatic Color

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

#2cdaff
```
#2cdaff rgb(44,218,255)
```
#2cc8ff
```
#2cc8ff rgb(44,200,255)
```
#2cb7ff
```
#2cb7ff rgb(44,183,255)
```
#2ca5ff
```
#2ca5ff rgb(44,165,255)
```
#2c93ff
```
#2c93ff rgb(44,147,255)
```
#2c82ff
```
#2c82ff rgb(44,130,255)
```
#2c70ff
```
#2c70ff rgb(44,112,255)
```

Similar Colors

Text with hexadecimal color #2ca5ff

This text has a font color of #2ca5ff.

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

#2ca5ff background color

This paragraph has a background color of #2ca5ff.

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

#2ca5ff border color

This element has a border color of #2ca5ff.

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

CSS codes

.text {color:#2ca5ff;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#000e18
```
#000e18 rgb(0,14,24)
```
#00192c
```
#00192c rgb(0,25,44)
```
#002440
```
#002440 rgb(0,36,64)
```
#003053
```
#003053 rgb(0,48,83)
```
#003b67
```
#003b67 rgb(0,59,103)
```
#00467a
```
#00467a rgb(0,70,122)
```
#00518e
```
#00518e rgb(0,81,142)
```
#005da2
```
#005da2 rgb(0,93,162)
```
#0068b5
```
#0068b5 rgb(0,104,181)
```
#0073c9
```
#0073c9 rgb(0,115,201)
```
#007edd
```
#007edd rgb(0,126,221)
```
#008af0
```
#008af0 rgb(0,138,240)
```

Shade Color Variation

#0594ff
```
#0594ff rgb(5,148,255)
```
#189dff
```
#189dff rgb(24,157,255)
```
#2ca5ff
```
#2ca5ff rgb(44,165,255)
```
#40adff
```
#40adff rgb(64,173,255)
```
#53b6ff
```
#53b6ff rgb(83,182,255)
```
#67beff
```
#67beff rgb(103,190,255)
```
#7ac6ff
```
#7ac6ff rgb(122,198,255)
```
#8ecfff
```
#8ecfff rgb(142,207,255)
```
#a2d7ff
```
#a2d7ff rgb(162,215,255)
```
#b5e0ff
```
#b5e0ff rgb(181,224,255)
```
#c9e8ff
```
#c9e8ff rgb(201,232,255)
```
#ddf0ff
```
#ddf0ff rgb(221,240,255)
```
#f0f9ff
```
#f0f9ff rgb(240,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d979e is the less saturated color, while #2ca5ff is the most saturated one.

#8d979e
```
#8d979e rgb(141,151,158)
```
#8598a6
```
#8598a6 rgb(133,152,166)
```
#7d99ae
```
#7d99ae rgb(125,153,174)
```
#759ab6
```
#759ab6 rgb(117,154,182)
```
#6d9bbe
```
#6d9bbe rgb(109,155,190)
```
#659dc6
```
#659dc6 rgb(101,157,198)
```
#5d9ece
```
#5d9ece rgb(93,158,206)
```
#559fd6
```
#559fd6 rgb(85,159,214)
```
#4ca0df
```
#4ca0df rgb(76,160,223)
```
#44a1e7
```
#44a1e7 rgb(68,161,231)
```
#3ca3ef
```
#3ca3ef rgb(60,163,239)
```
#34a4f7
```
#34a4f7 rgb(52,164,247)
```
#2ca5ff
```
#2ca5ff rgb(44,165,255)
```

Tone Color Variation

Below, you can see how #2ca5ff 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
#7890a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#80a1f8 Protanopia 1% of men
#65a4ff Deuteranopia 1% of men
#00b4bf Tritanopia 0.001% of the population

Trichromacy

#61a2fa Protanomaly 1% of men, 0.01% of women
#50a4ff Deuteranomaly 6% of men, 0.4% of women
#10aed6 Tritanomaly 0.01% of the population

#2ca5ff hex color

#2ca5ff Color Information

#2ca5ff Color Conversion

Color Schemes with #2ca5ff

Alternatives to #2ca5ff

#2ca5ff Preview

Shades and Tints of #2ca5ff

Tones of #2ca5ff

Color Blindness Simulator