#2dcaf1 hex color

In a RGB color space, hex #2dcaf1 is composed of 17.6% red, 79.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 16.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 191.9 degrees, a saturation of 87.5% and a lightness of 56.1%. #2dcaf1 color hex could be obtained by blending #5affff with #0095e3. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 79
- B 95
RGB color chart
- C 81
- M 16
- Y 0
- K 5
CMYK color chart

● #2dcaf1 color description : Bright cyan.

The hexadecimal color #2dcaf1 has RGB values of R:45, G:202, B:241 and CMYK values of C:0.81, M:0.16, Y:0, K:0.05. Its decimal value is 3001073.

Hex triplet	2dcaf1	`#2dcaf1`
RGB Decimal	45, 202, 241	`rgb(45,202,241)`
RGB Percent	17.6, 79.2, 94.5	`rgb(17.6%,79.2%,94.5%)`
CMYK	81, 16, 0, 5
HSL	191.9°, 87.5, 56.1	`hsl(191.9,87.5%,56.1%)`
HSV (or HSB)	191.9°, 81.3, 94.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	75.542, -25.992, -30.347
XYZ	38.076, 49.146, 90.694
xyY	0.214, 0.276, 49.146
CIE-LCH	75.542, 39.956, 229.42
CIE-LUV	75.542, -51.482, -45.191
Hunter-Lab	70.104, -25.735, -27.63
Binary	00101101, 11001010, 11110001

#2dcaf1
```
#2dcaf1 rgb(45,202,241)
```
#f1542d
```
#f1542d rgb(241,84,45)
```

Complementary Color

#2df1b6
```
#2df1b6 rgb(45,241,182)
```
#2dcaf1
```
#2dcaf1 rgb(45,202,241)
```
#2d68f1
```
#2d68f1 rgb(45,104,241)
```

Analogous Color

#f1b62d
```
#f1b62d rgb(241,182,45)
```
#2dcaf1
```
#2dcaf1 rgb(45,202,241)
```
#f12d68
```
#f12d68 rgb(241,45,104)
```

Split Complementary Color

#caf12d
```
#caf12d rgb(202,241,45)
```
#2dcaf1
```
#2dcaf1 rgb(45,202,241)
```
#f12dca
```
#f12dca rgb(241,45,202)
```

Triadic Color

#2df154
```
#2df154 rgb(45,241,84)
```
#2dcaf1
```
#2dcaf1 rgb(45,202,241)
```
#f12dca
```
#f12dca rgb(241,45,202)
```
#f1542d
```
#f1542d rgb(241,84,45)
```

Tetradic Color

#0da0c4
```
#0da0c4 rgb(13,160,196)
```
#0fb3dc
```
#0fb3dc rgb(15,179,220)
```
#15c4ef
```
#15c4ef rgb(21,196,239)
```
#2dcaf1
```
#2dcaf1 rgb(45,202,241)
```
#45d0f3
```
#45d0f3 rgb(69,208,243)
```
#5dd6f4
```
#5dd6f4 rgb(93,214,244)
```
#75dcf6
```
#75dcf6 rgb(117,220,246)
```

Monochromatic Color

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

#2df1e7
```
#2df1e7 rgb(45,241,231)
```
#2debf1
```
#2debf1 rgb(45,235,241)
```
#2ddaf1
```
#2ddaf1 rgb(45,218,241)
```
#2dcaf1
```
#2dcaf1 rgb(45,202,241)
```
#2dbaf1
```
#2dbaf1 rgb(45,186,241)
```
#2da9f1
```
#2da9f1 rgb(45,169,241)
```
#2d99f1
```
#2d99f1 rgb(45,153,241)
```

Similar Colors

Text with hexadecimal color #2dcaf1

This text has a font color of #2dcaf1.

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

#2dcaf1 background color

This paragraph has a background color of #2dcaf1.

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

#2dcaf1 border color

This element has a border color of #2dcaf1.

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

CSS codes

.text {color:#2dcaf1;}

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

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

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

#01090b
```
#01090b rgb(1,9,11)
```
#02181d
```
#02181d rgb(2,24,29)
```
#03272f
```
#03272f rgb(3,39,47)
```
#043642
```
#043642 rgb(4,54,66)
```
#064554
```
#064554 rgb(6,69,84)
```
#075467
```
#075467 rgb(7,84,103)
```
#086379
```
#086379 rgb(8,99,121)
```
#09728b
```
#09728b rgb(9,114,139)
```
#0b809e
```
#0b809e rgb(11,128,158)
```
#0c8fb0
```
#0c8fb0 rgb(12,143,176)
```
#0d9ec3
```
#0d9ec3 rgb(13,158,195)
```
#0eadd5
```
#0eadd5 rgb(14,173,213)
```
#0fbce7
```
#0fbce7 rgb(15,188,231)
```

Shade Color Variation

#1bc5f0
```
#1bc5f0 rgb(27,197,240)
```
#2dcaf1
```
#2dcaf1 rgb(45,202,241)
```
#3fcff2
```
#3fcff2 rgb(63,207,242)
```
#52d3f3
```
#52d3f3 rgb(82,211,243)
```
#64d8f5
```
#64d8f5 rgb(100,216,245)
```
#77ddf6
```
#77ddf6 rgb(119,221,246)
```
#89e1f7
```
#89e1f7 rgb(137,225,247)
```
#9be6f8
```
#9be6f8 rgb(155,230,248)
```
#aeeafa
```
#aeeafa rgb(174,234,250)
```
#c0effb
```
#c0effb rgb(192,239,251)
```
#d3f4fc
```
#d3f4fc rgb(211,244,252)
```
#e5f8fd
```
#e5f8fd rgb(229,248,253)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

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

#8c9192
```
#8c9192 rgb(140,145,146)
```
#83969b
```
#83969b rgb(131,150,155)
```
#7b9ba3
```
#7b9ba3 rgb(123,155,163)
```
#72a1ac
```
#72a1ac rgb(114,161,172)
```
#69a6b5
```
#69a6b5 rgb(105,166,181)
```
#61abbd
```
#61abbd rgb(97,171,189)
```
#58b0c6
```
#58b0c6 rgb(88,176,198)
```
#4fb5cf
```
#4fb5cf rgb(79,181,207)
```
#47bad7
```
#47bad7 rgb(71,186,215)
```
#3ec0e0
```
#3ec0e0 rgb(62,192,224)
```
#36c5e8
```
#36c5e8 rgb(54,197,232)
```
#2dcaf1
```
#2dcaf1 rgb(45,202,241)
```
#24cffa
```
#24cffa rgb(36,207,250)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#89a8b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bbe6 Protanopia 1% of men
#acbbf8 Deuteranopia 1% of men
#00d0df Tritanopia 0.001% of the population

Trichromacy

#82c1ea Protanomaly 1% of men, 0.01% of women
#7dc0f5 Deuteranomaly 6% of men, 0.4% of women
#10cde5 Tritanomaly 0.01% of the population

#2dcaf1 hex color

#2dcaf1 Color Information

#2dcaf1 Color Conversion

Color Schemes with #2dcaf1

Alternatives to #2dcaf1

#2dcaf1 Preview

Shades and Tints of #2dcaf1

Tones of #2dcaf1

Color Blindness Simulator