#2df3dc hex color

In a RGB color space, hex #2df3dc is composed of 17.6% red, 95.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 0% magenta, 9.5% yellow and 4.7% black. It has a hue angle of 173 degrees, a saturation of 89.2% and a lightness of 56.5%. #2df3dc color hex could be obtained by blending #5affff with #00e7b9. Closest websafe color is: #33ffcc.

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

● #2df3dc color description : Bright cyan.

The hexadecimal color #2df3dc has RGB values of R:45, G:243, B:220 and CMYK values of C:0.81, M:0, Y:0.09, K:0.05. Its decimal value is 3011548.

Hex triplet	2df3dc	`#2df3dc`
RGB Decimal	45, 243, 220	`rgb(45,243,220)`
RGB Percent	17.6, 95.3, 86.3	`rgb(17.6%,95.3%,86.3%)`
CMYK	81, 0, 9, 5
HSL	173°, 89.2, 56.5	`hsl(173,89.2%,56.5%)`
HSV (or HSB)	173°, 81.5, 95.3
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	86.909, -50.879, -2.101
XYZ	46.047, 69.822, 78.756
xyY	0.237, 0.359, 69.822
CIE-LCH	86.909, 50.922, 182.364
CIE-LUV	86.909, -67.017, 4.823
Hunter-Lab	83.559, -47.864, 2.61
Binary	00101101, 11110011, 11011100

#2df3dc
```
#2df3dc rgb(45,243,220)
```
#f32d44
```
#f32d44 rgb(243,45,68)
```

Complementary Color

#2df379
```
#2df379 rgb(45,243,121)
```
#2df3dc
```
#2df3dc rgb(45,243,220)
```
#2da7f3
```
#2da7f3 rgb(45,167,243)
```

Analogous Color

#f3792d
```
#f3792d rgb(243,121,45)
```
#2df3dc
```
#2df3dc rgb(45,243,220)
```
#f32da7
```
#f32da7 rgb(243,45,167)
```

Split Complementary Color

#f3dc2d
```
#f3dc2d rgb(243,220,45)
```
#2df3dc
```
#2df3dc rgb(45,243,220)
```
#dc2df3
```
#dc2df3 rgb(220,45,243)
```

Triadic Color

#44f32d
```
#44f32d rgb(68,243,45)
```
#2df3dc
```
#2df3dc rgb(45,243,220)
```
#dc2df3
```
#dc2df3 rgb(220,45,243)
```
#f32d44
```
#f32d44 rgb(243,45,68)
```

Tetradic Color

#0bc8b2
```
#0bc8b2 rgb(11,200,178)
```
#0de0c8
```
#0de0c8 rgb(13,224,200)
```
#15f2d8
```
#15f2d8 rgb(21,242,216)
```
#2df3dc
```
#2df3dc rgb(45,243,220)
```
#45f4e0
```
#45f4e0 rgb(69,244,224)
```
#5df6e4
```
#5df6e4 rgb(93,246,228)
```
#75f7e8
```
#75f7e8 rgb(117,247,232)
```

Monochromatic Color

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

#2df3ab
```
#2df3ab rgb(45,243,171)
```
#2df3bb
```
#2df3bb rgb(45,243,187)
```
#2df3cc
```
#2df3cc rgb(45,243,204)
```
#2df3dc
```
#2df3dc rgb(45,243,220)
```
#2df3ed
```
#2df3ed rgb(45,243,237)
```
#2de9f3
```
#2de9f3 rgb(45,233,243)
```
#2dd9f3
```
#2dd9f3 rgb(45,217,243)
```

Similar Colors

Text with hexadecimal color #2df3dc

This text has a font color of #2df3dc.

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

#2df3dc background color

This paragraph has a background color of #2df3dc.

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

#2df3dc border color

This element has a border color of #2df3dc.

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

CSS codes

.text {color:#2df3dc;}

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

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

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

#010d0b
```
#010d0b rgb(1,13,11)
```
#021f1c
```
#021f1c rgb(2,31,28)
```
#03322c
```
#03322c rgb(3,50,44)
```
#04443d
```
#04443d rgb(4,68,61)
```
#05574d
```
#05574d rgb(5,87,77)
```
#06695e
```
#06695e rgb(6,105,94)
```
#077c6e
```
#077c6e rgb(7,124,110)
```
#088f7f
```
#088f7f rgb(8,143,127)
```
#09a18f
```
#09a18f rgb(9,161,143)
```
#0ab4a0
```
#0ab4a0 rgb(10,180,160)
```
#0bc6b1
```
#0bc6b1 rgb(11,198,177)
```
#0cd9c1
```
#0cd9c1 rgb(12,217,193)
```
#0debd2
```
#0debd2 rgb(13,235,210)
```

Shade Color Variation

#1af2d9
```
#1af2d9 rgb(26,242,217)
```
#2df3dc
```
#2df3dc rgb(45,243,220)
```
#40f4df
```
#40f4df rgb(64,244,223)
```
#52f5e2
```
#52f5e2 rgb(82,245,226)
```
#65f6e5
```
#65f6e5 rgb(101,246,229)
```
#77f7e8
```
#77f7e8 rgb(119,247,232)
```
#8af8eb
```
#8af8eb rgb(138,248,235)
```
#9cf9ef
```
#9cf9ef rgb(156,249,239)
```
#affaf2
```
#affaf2 rgb(175,250,242)
```
#c1fbf5
```
#c1fbf5 rgb(193,251,245)
```
#d4fdf8
```
#d4fdf8 rgb(212,253,248)
```
#e7fefb
```
#e7fefb rgb(231,254,251)
```
#f9fffe
```
#f9fffe rgb(249,255,254)
```

Tint Color Variation

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

#8b9594
```
#8b9594 rgb(139,149,148)
```
#829e9a
```
#829e9a rgb(130,158,154)
```
#7aa6a1
```
#7aa6a1 rgb(122,166,161)
```
#71afa8
```
#71afa8 rgb(113,175,168)
```
#69b7ae
```
#69b7ae rgb(105,183,174)
```
#60c0b5
```
#60c0b5 rgb(96,192,181)
```
#58c8bb
```
#58c8bb rgb(88,200,187)
```
#4fd1c2
```
#4fd1c2 rgb(79,209,194)
```
#47d9c8
```
#47d9c8 rgb(71,217,200)
```
#3ee2cf
```
#3ee2cf rgb(62,226,207)
```
#36ead5
```
#36ead5 rgb(54,234,213)
```
#2df3dc
```
#2df3dc rgb(45,243,220)
```
#24fce3
```
#24fce3 rgb(36,252,227)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#9ac1bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1dad0 Protanopia 1% of men
#e9d5e8 Deuteranopia 1% of men
#5fedff Tritanopia 0.001% of the population

Trichromacy

#a0e3d4 Protanomaly 1% of men, 0.01% of women
#a5e0e4 Deuteranomaly 6% of men, 0.4% of women
#4deff2 Tritanomaly 0.01% of the population

#2df3dc hex color

#2df3dc Color Information

#2df3dc Color Conversion

Color Schemes with #2df3dc

Alternatives to #2df3dc

#2df3dc Preview

Shades and Tints of #2df3dc

Tones of #2df3dc

Color Blindness Simulator