#2dcbf2 hex color

In a RGB color space, hex #2dcbf2 is composed of 17.6% red, 79.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 16.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 191.9 degrees, a saturation of 88.3% and a lightness of 56.3%. #2dcbf2 color hex could be obtained by blending #5affff with #0097e5. Closest websafe color is: #33ccff.

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

● #2dcbf2 color description : Bright cyan.

The hexadecimal color #2dcbf2 has RGB values of R:45, G:203, B:242 and CMYK values of C:0.81, M:0.16, Y:0, K:0.05. Its decimal value is 3001330.

Hex triplet	2dcbf2	`#2dcbf2`
RGB Decimal	45, 203, 242	`rgb(45,203,242)`
RGB Percent	17.6, 79.6, 94.9	`rgb(17.6%,79.6%,94.9%)`
CMYK	81, 16, 0, 5
HSL	191.9°, 88.3, 56.3	`hsl(191.9,88.3%,56.3%)`
HSV (or HSB)	191.9°, 81.4, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	75.871, -26.169, -30.379
XYZ	38.461, 49.677, 91.561
xyY	0.214, 0.276, 49.677
CIE-LCH	75.871, 40.096, 229.258
CIE-LUV	75.871, -51.754, -45.245
Hunter-Lab	70.482, -25.939, -27.685
Binary	00101101, 11001011, 11110010

#2dcbf2
```
#2dcbf2 rgb(45,203,242)
```
#f2542d
```
#f2542d rgb(242,84,45)
```

Complementary Color

#2df2b7
```
#2df2b7 rgb(45,242,183)
```
#2dcbf2
```
#2dcbf2 rgb(45,203,242)
```
#2d69f2
```
#2d69f2 rgb(45,105,242)
```

Analogous Color

#f2b72d
```
#f2b72d rgb(242,183,45)
```
#2dcbf2
```
#2dcbf2 rgb(45,203,242)
```
#f22d69
```
#f22d69 rgb(242,45,105)
```

Split Complementary Color

#cbf22d
```
#cbf22d rgb(203,242,45)
```
#2dcbf2
```
#2dcbf2 rgb(45,203,242)
```
#f22dcb
```
#f22dcb rgb(242,45,203)
```

Triadic Color

#2df254
```
#2df254 rgb(45,242,84)
```
#2dcbf2
```
#2dcbf2 rgb(45,203,242)
```
#f22dcb
```
#f22dcb rgb(242,45,203)
```
#f2542d
```
#f2542d rgb(242,84,45)
```

Tetradic Color

#0ca1c6
```
#0ca1c6 rgb(12,161,198)
```
#0eb5de
```
#0eb5de rgb(14,181,222)
```
#15c5f1
```
#15c5f1 rgb(21,197,241)
```
#2dcbf2
```
#2dcbf2 rgb(45,203,242)
```
#45d1f3
```
#45d1f3 rgb(69,209,243)
```
#5dd7f5
```
#5dd7f5 rgb(93,215,245)
```
#75ddf6
```
#75ddf6 rgb(117,221,246)
```

Monochromatic Color

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

#2df2e8
```
#2df2e8 rgb(45,242,232)
```
#2decf2
```
#2decf2 rgb(45,236,242)
```
#2ddbf2
```
#2ddbf2 rgb(45,219,242)
```
#2dcbf2
```
#2dcbf2 rgb(45,203,242)
```
#2dbbf2
```
#2dbbf2 rgb(45,187,242)
```
#2daaf2
```
#2daaf2 rgb(45,170,242)
```
#2d9af2
```
#2d9af2 rgb(45,154,242)
```

Similar Colors

Text with hexadecimal color #2dcbf2

This text has a font color of #2dcbf2.

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

#2dcbf2 background color

This paragraph has a background color of #2dcbf2.

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

#2dcbf2 border color

This element has a border color of #2dcbf2.

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

CSS codes

.text {color:#2dcbf2;}

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

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

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

#01090c
```
#01090c rgb(1,9,12)
```
#02191e
```
#02191e rgb(2,25,30)
```
#032831
```
#032831 rgb(3,40,49)
```
#043743
```
#043743 rgb(4,55,67)
```
#054656
```
#054656 rgb(5,70,86)
```
#065568
```
#065568 rgb(6,85,104)
```
#08647a
```
#08647a rgb(8,100,122)
```
#09738d
```
#09738d rgb(9,115,141)
```
#0a829f
```
#0a829f rgb(10,130,159)
```
#0b91b2
```
#0b91b2 rgb(11,145,178)
```
#0ca0c4
```
#0ca0c4 rgb(12,160,196)
```
#0dafd7
```
#0dafd7 rgb(13,175,215)
```
#0ebee9
```
#0ebee9 rgb(14,190,233)
```

Shade Color Variation

#1bc6f1
```
#1bc6f1 rgb(27,198,241)
```
#2dcbf2
```
#2dcbf2 rgb(45,203,242)
```
#3fd0f3
```
#3fd0f3 rgb(63,208,243)
```
#52d4f4
```
#52d4f4 rgb(82,212,244)
```
#64d9f5
```
#64d9f5 rgb(100,217,245)
```
#77ddf7
```
#77ddf7 rgb(119,221,247)
```
#89e2f8
```
#89e2f8 rgb(137,226,248)
```
#9ce6f9
```
#9ce6f9 rgb(156,230,249)
```
#aeebfa
```
#aeebfa rgb(174,235,250)
```
#c1f0fb
```
#c1f0fb rgb(193,240,251)
```
#d3f4fc
```
#d3f4fc rgb(211,244,252)
```
#e6f9fd
```
#e6f9fd rgb(230,249,253)
```
#f8fdff
```
#f8fdff rgb(248,253,255)
```

Tint Color Variation

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

#8b9294
```
#8b9294 rgb(139,146,148)
```
#83979c
```
#83979c rgb(131,151,156)
```
#7a9ca5
```
#7a9ca5 rgb(122,156,165)
```
#72a2ad
```
#72a2ad rgb(114,162,173)
```
#69a7b6
```
#69a7b6 rgb(105,167,182)
```
#60acbf
```
#60acbf rgb(96,172,191)
```
#58b1c7
```
#58b1c7 rgb(88,177,199)
```
#4fb6d0
```
#4fb6d0 rgb(79,182,208)
```
#47bbd8
```
#47bbd8 rgb(71,187,216)
```
#3ec1e1
```
#3ec1e1 rgb(62,193,225)
```
#36c6e9
```
#36c6e9 rgb(54,198,233)
```
#2dcbf2
```
#2dcbf2 rgb(45,203,242)
```
#24d0fb
```
#24d0fb rgb(36,208,251)
```

Tone Color Variation

Below, you can see how #2dcbf2 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
#89a9b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3bce7 Protanopia 1% of men
#acbcf9 Deuteranopia 1% of men
#00d1e0 Tritanopia 0.001% of the population

Trichromacy

#82c1eb Protanomaly 1% of men, 0.01% of women
#7ec1f6 Deuteranomaly 6% of men, 0.4% of women
#10cee6 Tritanomaly 0.01% of the population

#2dcbf2 hex color

#2dcbf2 Color Information

#2dcbf2 Color Conversion

Color Schemes with #2dcbf2

Alternatives to #2dcbf2

#2dcbf2 Preview

Shades and Tints of #2dcbf2

Tones of #2dcbf2

Color Blindness Simulator