colorhexa.com

#2ac1fd hex color

In a RGB color space, hex #2ac1fd is composed of 16.5% red, 75.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 23.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 197.1 degrees, a saturation of 98.1% and a lightness of 57.8%. #2ac1fd color hex could be obtained by blending #54ffff with #0083fb. Closest websafe color is: #33ccff.

- R 16
- G 76
- B 99
RGB color chart
- C 83
- M 24
- Y 0
- K 1
CMYK color chart

● #2ac1fd color description : Bright blue.

The hexadecimal color #2ac1fd has RGB values of R:42, G:193, B:253 and CMYK values of C:0.83, M:0.24, Y:0, K:0.01. Its decimal value is 2802173.

Hex triplet	2ac1fd	`#2ac1fd`
RGB Decimal	42, 193, 253	`rgb(42,193,253)`
RGB Percent	16.5, 75.7, 99.2	`rgb(16.5%,75.7%,99.2%)`
CMYK	83, 24, 0, 1
HSL	197.1°, 98.1, 57.8	`hsl(197.1,98.1%,57.8%)`
HSV (or HSB)	197.1°, 83.4, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	73.364, -17.656, -40.174
XYZ	37.75, 45.72, 99.758
xyY	0.206, 0.25, 45.72
CIE-LCH	73.364, 43.883, 246.274
CIE-LUV	73.364, -47.888, -62.982
Hunter-Lab	67.617, -18.675, -40.141
Binary	00101010, 11000001, 11111101

#2ac1fd
```
#2ac1fd rgb(42,193,253)
```
#fd662a
```
#fd662a rgb(253,102,42)
```

Complementary Color

#2afdd0
```
#2afdd0 rgb(42,253,208)
```
#2ac1fd
```
#2ac1fd rgb(42,193,253)
```
#2a58fd
```
#2a58fd rgb(42,88,253)
```

Analogous Color

#fdd02a
```
#fdd02a rgb(253,208,42)
```
#2ac1fd
```
#2ac1fd rgb(42,193,253)
```
#fd2a58
```
#fd2a58 rgb(253,42,88)
```

Split Complementary Color

#c1fd2a
```
#c1fd2a rgb(193,253,42)
```
#2ac1fd
```
#2ac1fd rgb(42,193,253)
```
#fd2ac1
```
#fd2ac1 rgb(253,42,193)
```

Triadic Color

#2afd66
```
#2afd66 rgb(42,253,102)
```
#2ac1fd
```
#2ac1fd rgb(42,193,253)
```
#fd2ac1
```
#fd2ac1 rgb(253,42,193)
```
#fd662a
```
#fd662a rgb(253,102,42)
```

Tetradic Color

#029bd8
```
#029bd8 rgb(2,155,216)
```
#02aef2
```
#02aef2 rgb(2,174,242)
```
#11bafd
```
#11bafd rgb(17,186,253)
```
#2ac1fd
```
#2ac1fd rgb(42,193,253)
```
#43c8fd
```
#43c8fd rgb(67,200,253)
```
#5dd0fd
```
#5dd0fd rgb(93,208,253)
```
#76d7fe
```
#76d7fe rgb(118,215,254)
```

Monochromatic Color

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

#2af6fd
```
#2af6fd rgb(42,246,253)
```
#2ae4fd
```
#2ae4fd rgb(42,228,253)
```
#2ad3fd
```
#2ad3fd rgb(42,211,253)
```
#2ac1fd
```
#2ac1fd rgb(42,193,253)
```
#2aaffd
```
#2aaffd rgb(42,175,253)
```
#2a9efd
```
#2a9efd rgb(42,158,253)
```
#2a8cfd
```
#2a8cfd rgb(42,140,253)
```

Similar Colors

Text with hexadecimal color #2ac1fd

This text has a font color of #2ac1fd.

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

#2ac1fd background color

This paragraph has a background color of #2ac1fd.

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

#2ac1fd border color

This element has a border color of #2ac1fd.

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

CSS codes

.text {color:#2ac1fd;}

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

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

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 #ecfaff is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#000f14
```
#000f14 rgb(0,15,20)
```
#001c28
```
#001c28 rgb(0,28,40)
```
#012a3b
```
#012a3b rgb(1,42,59)
```
#01384e
```
#01384e rgb(1,56,78)
```
#014662
```
#014662 rgb(1,70,98)
```
#015475
```
#015475 rgb(1,84,117)
```
#016289
```
#016289 rgb(1,98,137)
```
#01709c
```
#01709c rgb(1,112,156)
```
#027eb0
```
#027eb0 rgb(2,126,176)
```
#028cc3
```
#028cc3 rgb(2,140,195)
```
#029ad7
```
#029ad7 rgb(2,154,215)
```
#02a8ea
```
#02a8ea rgb(2,168,234)
```

Shade Color Variation

#03b6fd
```
#03b6fd rgb(3,182,253)
```
#17bbfd
```
#17bbfd rgb(23,187,253)
```
#2ac1fd
```
#2ac1fd rgb(42,193,253)
```
#3dc7fd
```
#3dc7fd rgb(61,199,253)
```
#51ccfd
```
#51ccfd rgb(81,204,253)
```
#64d2fe
```
#64d2fe rgb(100,210,254)
```
#78d8fe
```
#78d8fe rgb(120,216,254)
```
#8bddfe
```
#8bddfe rgb(139,221,254)
```
#9fe3fe
```
#9fe3fe rgb(159,227,254)
```
#b2e9fe
```
#b2e9fe rgb(178,233,254)
```
#c5eefe
```
#c5eefe rgb(197,238,254)
```
#d9f4ff
```
#d9f4ff rgb(217,244,255)
```
#ecfaff
```
#ecfaff rgb(236,250,255)
```

Tint Color Variation

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

#8d969a
```
#8d969a rgb(141,150,154)
```
#859aa2
```
#859aa2 rgb(133,154,162)
```
#7d9daa
```
#7d9daa rgb(125,157,170)
```
#74a1b3
```
#74a1b3 rgb(116,161,179)
```
#6ca4bb
```
#6ca4bb rgb(108,164,187)
```
#64a8c3
```
#64a8c3 rgb(100,168,195)
```
#5caccb
```
#5caccb rgb(92,172,203)
```
#53afd4
```
#53afd4 rgb(83,175,212)
```
#4bb3dc
```
#4bb3dc rgb(75,179,220)
```
#43b6e4
```
#43b6e4 rgb(67,182,228)
```
#3bbaec
```
#3bbaec rgb(59,186,236)
```
#32bdf5
```
#32bdf5 rgb(50,189,245)
```
#2ac1fd
```
#2ac1fd rgb(42,193,253)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#84a3af Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b5f3 Protanopia 1% of men
#99b6ff Deuteranopia 1% of men
#00c9d8 Tritanopia 0.001% of the population

Trichromacy

#78b9f6 Protanomaly 1% of men, 0.01% of women
#70bafe Deuteranomaly 6% of men, 0.4% of women
#0fc6e5 Tritanomaly 0.01% of the population