#2ca3f6 hex color

In a RGB color space, hex #2ca3f6 is composed of 17.3% red, 63.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 33.7% magenta, 0% yellow and 3.5% black. It has a hue angle of 204.7 degrees, a saturation of 91.8% and a lightness of 56.9%. #2ca3f6 color hex could be obtained by blending #58ffff with #0047ed. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 17
- G 64
- B 96
RGB color chart
- C 82
- M 34
- Y 0
- K 4
CMYK color chart

● #2ca3f6 color description : Bright blue.

The hexadecimal color #2ca3f6 has RGB values of R:44, G:163, B:246 and CMYK values of C:0.82, M:0.34, Y:0, K:0.04. Its decimal value is 2925558.

Hex triplet	2ca3f6	`#2ca3f6`
RGB Decimal	44, 163, 246	`rgb(44,163,246)`
RGB Percent	17.3, 63.9, 96.5	`rgb(17.3%,63.9%,96.5%)`
CMYK	82, 34, 0, 4
HSL	204.7°, 91.8, 56.9	`hsl(204.7,91.8%,56.9%)`
HSV (or HSB)	204.7°, 82.1, 96.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.468, -3.538, -50.343
XYZ	30.766, 33.381, 92.005
xyY	0.197, 0.214, 33.381
CIE-LCH	64.468, 50.467, 265.979
CIE-LUV	64.468, -38.079, -80.697
Hunter-Lab	57.776, -6.055, -53.973
Binary	00101100, 10100011, 11110110

#2ca3f6
```
#2ca3f6 rgb(44,163,246)
```
#f67f2c
```
#f67f2c rgb(246,127,44)
```

Complementary Color

#2cf6e4
```
#2cf6e4 rgb(44,246,228)
```
#2ca3f6
```
#2ca3f6 rgb(44,163,246)
```
#2c3ef6
```
#2c3ef6 rgb(44,62,246)
```

Analogous Color

#f6e42c
```
#f6e42c rgb(246,228,44)
```
#2ca3f6
```
#2ca3f6 rgb(44,163,246)
```
#f62c3e
```
#f62c3e rgb(246,44,62)
```

Split Complementary Color

#a3f62c
```
#a3f62c rgb(163,246,44)
```
#2ca3f6
```
#2ca3f6 rgb(44,163,246)
```
#f62ca3
```
#f62ca3 rgb(246,44,163)
```

Triadic Color

#2cf67f
```
#2cf67f rgb(44,246,127)
```
#2ca3f6
```
#2ca3f6 rgb(44,163,246)
```
#f62ca3
```
#f62ca3 rgb(246,44,163)
```
#f67f2c
```
#f67f2c rgb(246,127,44)
```

Tetradic Color

#097ccd
```
#097ccd rgb(9,124,205)
```
#0a8be5
```
#0a8be5 rgb(10,139,229)
```
#1498f5
```
#1498f5 rgb(20,152,245)
```
#2ca3f6
```
#2ca3f6 rgb(44,163,246)
```
#44aef7
```
#44aef7 rgb(68,174,247)
```
#5db8f8
```
#5db8f8 rgb(93,184,248)
```
#75c3f9
```
#75c3f9 rgb(117,195,249)
```

Monochromatic Color

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

#2cd6f6
```
#2cd6f6 rgb(44,214,246)
```
#2cc5f6
```
#2cc5f6 rgb(44,197,246)
```
#2cb4f6
```
#2cb4f6 rgb(44,180,246)
```
#2ca3f6
```
#2ca3f6 rgb(44,163,246)
```
#2c92f6
```
#2c92f6 rgb(44,146,246)
```
#2c81f6
```
#2c81f6 rgb(44,129,246)
```
#2c71f6
```
#2c71f6 rgb(44,113,246)
```

Similar Colors

Text with hexadecimal color #2ca3f6

This text has a font color of #2ca3f6.

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

#2ca3f6 background color

This paragraph has a background color of #2ca3f6.

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

#2ca3f6 border color

This element has a border color of #2ca3f6.

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

CSS codes

.text {color:#2ca3f6;}

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

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

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, #01090f is the darkest color, while #fbfdff is the lightest one.

#01090f
```
#01090f rgb(1,9,15)
```
#011422
```
#011422 rgb(1,20,34)
```
#022034
```
#022034 rgb(2,32,52)
```
#032b47
```
#032b47 rgb(3,43,71)
```
#04375a
```
#04375a rgb(4,55,90)
```
#05426d
```
#05426d rgb(5,66,109)
```
#054d80
```
#054d80 rgb(5,77,128)
```
#065992
```
#065992 rgb(6,89,146)
```
#0764a5
```
#0764a5 rgb(7,100,165)
```
#0870b8
```
#0870b8 rgb(8,112,184)
```
#097bcb
```
#097bcb rgb(9,123,203)
```
#0986de
```
#0986de rgb(9,134,222)
```
#0a92f1
```
#0a92f1 rgb(10,146,241)
```

Shade Color Variation

#199bf5
```
#199bf5 rgb(25,155,245)
```
#2ca3f6
```
#2ca3f6 rgb(44,163,246)
```
#3fabf7
```
#3fabf7 rgb(63,171,247)
```
#52b3f8
```
#52b3f8 rgb(82,179,248)
```
#64bcf8
```
#64bcf8 rgb(100,188,248)
```
#77c4f9
```
#77c4f9 rgb(119,196,249)
```
#8accfa
```
#8accfa rgb(138,204,250)
```
#9dd4fb
```
#9dd4fb rgb(157,212,251)
```
#b0dcfc
```
#b0dcfc rgb(176,220,252)
```
#c3e5fc
```
#c3e5fc rgb(195,229,252)
```
#d5edfd
```
#d5edfd rgb(213,237,253)
```
#e8f5fe
```
#e8f5fe rgb(232,245,254)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#899299
```
#899299 rgb(137,146,153)
```
#8194a1
```
#8194a1 rgb(129,148,161)
```
#7895aa
```
#7895aa rgb(120,149,170)
```
#7097b2
```
#7097b2 rgb(112,151,178)
```
#6798bb
```
#6798bb rgb(103,152,187)
```
#5f9ac3
```
#5f9ac3 rgb(95,154,195)
```
#569bcc
```
#569bcc rgb(86,155,204)
```
#4e9dd4
```
#4e9dd4 rgb(78,157,212)
```
#459edd
```
#459edd rgb(69,158,221)
```
#3da0e5
```
#3da0e5 rgb(61,160,229)
```
#34a1ee
```
#34a1ee rgb(52,161,238)
```
#2ca3f6
```
#2ca3f6 rgb(44,163,246)
```
#24a5fe
```
#24a5fe rgb(36,165,254)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#768e9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#819eef Protanopia 1% of men
#68a1f8 Deuteranopia 1% of men
#00b1bd Tritanopia 0.001% of the population

Trichromacy

#62a0f1 Protanomaly 1% of men, 0.01% of women
#52a2f7 Deuteranomaly 6% of men, 0.4% of women
#10acd1 Tritanomaly 0.01% of the population

#2ca3f6 hex color

#2ca3f6 Color Information

#2ca3f6 Color Conversion

Color Schemes with #2ca3f6

Alternatives to #2ca3f6

#2ca3f6 Preview

Shades and Tints of #2ca3f6

Tones of #2ca3f6

Color Blindness Simulator