#2cddf3 hex color

In a RGB color space, hex #2cddf3 is composed of 17.3% red, 86.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 9.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 186.6 degrees, a saturation of 89.2% and a lightness of 56.3%. #2cddf3 color hex could be obtained by blending #58ffff with #00bbe7. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 17
- G 87
- B 95
RGB color chart
- C 82
- M 9
- Y 0
- K 5
CMYK color chart

● #2cddf3 color description : Bright cyan.

The hexadecimal color #2cddf3 has RGB values of R:44, G:221, B:243 and CMYK values of C:0.82, M:0.09, Y:0, K:0.05. Its decimal value is 2940403.

Hex triplet	2cddf3	`#2cddf3`
RGB Decimal	44, 221, 243	`rgb(44,221,243)`
RGB Percent	17.3, 86.7, 95.3	`rgb(17.3%,86.7%,95.3%)`
CMYK	82, 9, 0, 5
HSL	186.6°, 89.2, 56.3	`hsl(186.6,89.2%,56.3%)`
HSV (or HSB)	186.6°, 81.9, 95.3
Web Safe	33ccff	`#33ccff`

CIE-LAB	81.135, -34.645, -22.864
XYZ	43.068, 58.715, 93.852
xyY	0.22, 0.3, 58.715
CIE-LCH	81.135, 41.51, 213.423
CIE-LUV	81.135, -57.924, -31.567
Hunter-Lab	76.626, -33.768, -18.981
Binary	00101100, 11011101, 11110011

#2cddf3
```
#2cddf3 rgb(44,221,243)
```
#f3422c
```
#f3422c rgb(243,66,44)
```

Complementary Color

#2cf3a6
```
#2cf3a6 rgb(44,243,166)
```
#2cddf3
```
#2cddf3 rgb(44,221,243)
```
#2c7af3
```
#2c7af3 rgb(44,122,243)
```

Analogous Color

#f3a62c
```
#f3a62c rgb(243,166,44)
```
#2cddf3
```
#2cddf3 rgb(44,221,243)
```
#f32c7a
```
#f32c7a rgb(243,44,122)
```

Split Complementary Color

#ddf32c
```
#ddf32c rgb(221,243,44)
```
#2cddf3
```
#2cddf3 rgb(44,221,243)
```
#f32cdd
```
#f32cdd rgb(243,44,221)
```

Triadic Color

#2cf342
```
#2cf342 rgb(44,243,66)
```
#2cddf3
```
#2cddf3 rgb(44,221,243)
```
#f32cdd
```
#f32cdd rgb(243,44,221)
```
#f3422c
```
#f3422c rgb(243,66,44)
```

Tetradic Color

#0bb2c7
```
#0bb2c7 rgb(11,178,199)
```
#0dc8df
```
#0dc8df rgb(13,200,223)
```
#14d9f2
```
#14d9f2 rgb(20,217,242)
```
#2cddf3
```
#2cddf3 rgb(44,221,243)
```
#44e1f4
```
#44e1f4 rgb(68,225,244)
```
#5ce5f6
```
#5ce5f6 rgb(92,229,246)
```
#74e9f7
```
#74e9f7 rgb(116,233,247)
```

Monochromatic Color

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

#2cf3d7
```
#2cf3d7 rgb(44,243,215)
```
#2cf3e8
```
#2cf3e8 rgb(44,243,232)
```
#2ceef3
```
#2ceef3 rgb(44,238,243)
```
#2cddf3
```
#2cddf3 rgb(44,221,243)
```
#2cccf3
```
#2cccf3 rgb(44,204,243)
```
#2cbcf3
```
#2cbcf3 rgb(44,188,243)
```
#2cabf3
```
#2cabf3 rgb(44,171,243)
```

Similar Colors

Text with hexadecimal color #2cddf3

This text has a font color of #2cddf3.

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

#2cddf3 background color

This paragraph has a background color of #2cddf3.

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

#2cddf3 border color

This element has a border color of #2cddf3.

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

CSS codes

.text {color:#2cddf3;}

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

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

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, #010a0c is the darkest color, while #f8feff is the lightest one.

#010a0c
```
#010a0c rgb(1,10,12)
```
#021b1e
```
#021b1e rgb(2,27,30)
```
#032c31
```
#032c31 rgb(3,44,49)
```
#043c43
```
#043c43 rgb(4,60,67)
```
#054d56
```
#054d56 rgb(5,77,86)
```
#065e69
```
#065e69 rgb(6,94,105)
```
#076e7b
```
#076e7b rgb(7,110,123)
```
#087f8e
```
#087f8e rgb(8,127,142)
```
#098fa0
```
#098fa0 rgb(9,143,160)
```
#0aa0b3
```
#0aa0b3 rgb(10,160,179)
```
#0bb1c5
```
#0bb1c5 rgb(11,177,197)
```
#0cc1d8
```
#0cc1d8 rgb(12,193,216)
```
#0dd2ea
```
#0dd2ea rgb(13,210,234)
```

Shade Color Variation

#19daf2
```
#19daf2 rgb(25,218,242)
```
#2cddf3
```
#2cddf3 rgb(44,221,243)
```
#3fe0f4
```
#3fe0f4 rgb(63,224,244)
```
#51e3f5
```
#51e3f5 rgb(81,227,245)
```
#64e6f6
```
#64e6f6 rgb(100,230,246)
```
#76e9f7
```
#76e9f7 rgb(118,233,247)
```
#89ecf8
```
#89ecf8 rgb(137,236,248)
```
#9beff9
```
#9beff9 rgb(155,239,249)
```
#aef2fa
```
#aef2fa rgb(174,242,250)
```
#c0f5fb
```
#c0f5fb rgb(192,245,251)
```
#d3f8fc
```
#d3f8fc rgb(211,248,252)
```
#e6fbfe
```
#e6fbfe rgb(230,251,254)
```
#f8feff
```
#f8feff rgb(248,254,255)
```

Tint Color Variation

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

#8a9495
```
#8a9495 rgb(138,148,149)
```
#829a9d
```
#829a9d rgb(130,154,157)
```
#79a1a6
```
#79a1a6 rgb(121,161,166)
```
#71a8ae
```
#71a8ae rgb(113,168,174)
```
#68aeb7
```
#68aeb7 rgb(104,174,183)
```
#5fb5c0
```
#5fb5c0 rgb(95,181,192)
```
#57bcc8
```
#57bcc8 rgb(87,188,200)
```
#4ec2d1
```
#4ec2d1 rgb(78,194,209)
```
#46c9d9
```
#46c9d9 rgb(70,201,217)
```
#3dd0e2
```
#3dd0e2 rgb(61,208,226)
```
#35d6ea
```
#35d6ea rgb(53,214,234)
```
#2cddf3
```
#2cddf3 rgb(44,221,243)
```
#23e4fc
```
#23e4fc rgb(35,228,252)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#92b5b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7cae7 Protanopia 1% of men
#c4c8fc Deuteranopia 1% of men
#31dfef Tritanopia 0.001% of the population

Trichromacy

#8ed1eb Protanomaly 1% of men, 0.01% of women
#8dd0f8 Deuteranomaly 6% of men, 0.4% of women
#2fdef0 Tritanomaly 0.01% of the population

#2cddf3 hex color

#2cddf3 Color Information

#2cddf3 Color Conversion

Color Schemes with #2cddf3

Alternatives to #2cddf3

#2cddf3 Preview

Shades and Tints of #2cddf3

Tones of #2cddf3

Color Blindness Simulator