#2dd7fd hex color

In a RGB color space, hex #2dd7fd is composed of 17.6% red, 84.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 15% magenta, 0% yellow and 0.8% black. It has a hue angle of 191 degrees, a saturation of 98.1% and a lightness of 58.4%. #2dd7fd color hex could be obtained by blending #5affff with #00affb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 84
- B 99
RGB color chart
- C 82
- M 15
- Y 0
- K 1
CMYK color chart

● #2dd7fd color description : Bright cyan.

The hexadecimal color #2dd7fd has RGB values of R:45, G:215, B:253 and CMYK values of C:0.82, M:0.15, Y:0, K:0.01. Its decimal value is 3004413.

Hex triplet	2dd7fd	`#2dd7fd`
RGB Decimal	45, 215, 253	`rgb(45,215,253)`
RGB Percent	17.6, 84.3, 99.2	`rgb(17.6%,84.3%,99.2%)`
CMYK	82, 15, 0, 1
HSL	191°, 98.1, 58.4	`hsl(191,98.1%,58.4%)`
HSV (or HSB)	191°, 82.2, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	79.754, -28.576, -30.285
XYZ	43.107, 56.246, 101.508
xyY	0.215, 0.28, 56.246
CIE-LCH	79.754, 41.639, 226.663
CIE-LUV	79.754, -55.057, -45.015
Hunter-Lab	74.998, -28.647, -27.749
Binary	00101101, 11010111, 11111101

#2dd7fd
```
#2dd7fd rgb(45,215,253)
```
#fd532d
```
#fd532d rgb(253,83,45)
```

Complementary Color

#2dfdbb
```
#2dfdbb rgb(45,253,187)
```
#2dd7fd
```
#2dd7fd rgb(45,215,253)
```
#2d6ffd
```
#2d6ffd rgb(45,111,253)
```

Analogous Color

#fdbb2d
```
#fdbb2d rgb(253,187,45)
```
#2dd7fd
```
#2dd7fd rgb(45,215,253)
```
#fd2d6f
```
#fd2d6f rgb(253,45,111)
```

Split Complementary Color

#d7fd2d
```
#d7fd2d rgb(215,253,45)
```
#2dd7fd
```
#2dd7fd rgb(45,215,253)
```
#fd2dd7
```
#fd2dd7 rgb(253,45,215)
```

Triadic Color

#2dfd53
```
#2dfd53 rgb(45,253,83)
```
#2dd7fd
```
#2dd7fd rgb(45,215,253)
```
#fd2dd7
```
#fd2dd7 rgb(253,45,215)
```
#fd532d
```
#fd532d rgb(253,83,45)
```

Tetradic Color

#02b4db
```
#02b4db rgb(2,180,219)
```
#02c8f5
```
#02c8f5 rgb(2,200,245)
```
#14d2fd
```
#14d2fd rgb(20,210,253)
```
#2dd7fd
```
#2dd7fd rgb(45,215,253)
```
#46dcfd
```
#46dcfd rgb(70,220,253)
```
#60e1fd
```
#60e1fd rgb(96,225,253)
```
#79e5fe
```
#79e5fe rgb(121,229,254)
```

Monochromatic Color

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

#2dfdef
```
#2dfdef rgb(45,253,239)
```
#2dfafd
```
#2dfafd rgb(45,250,253)
```
#2de8fd
```
#2de8fd rgb(45,232,253)
```
#2dd7fd
```
#2dd7fd rgb(45,215,253)
```
#2dc6fd
```
#2dc6fd rgb(45,198,253)
```
#2db4fd
```
#2db4fd rgb(45,180,253)
```
#2da3fd
```
#2da3fd rgb(45,163,253)
```

Similar Colors

Text with hexadecimal color #2dd7fd

This text has a font color of #2dd7fd.

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

#2dd7fd background color

This paragraph has a background color of #2dd7fd.

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

#2dd7fd border color

This element has a border color of #2dd7fd.

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

CSS codes

.text {color:#2dd7fd;}

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

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

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, #000304 is the darkest color, while #effcff is the lightest one.

#000304
```
#000304 rgb(0,3,4)
```
#001317
```
#001317 rgb(0,19,23)
```
#00232b
```
#00232b rgb(0,35,43)
```
#01333e
```
#01333e rgb(1,51,62)
```
#014351
```
#014351 rgb(1,67,81)
```
#015365
```
#015365 rgb(1,83,101)
```
#016378
```
#016378 rgb(1,99,120)
```
#01728c
```
#01728c rgb(1,114,140)
```
#02829f
```
#02829f rgb(2,130,159)
```
#0292b3
```
#0292b3 rgb(2,146,179)
```
#02a2c6
```
#02a2c6 rgb(2,162,198)
```
#02b2d9
```
#02b2d9 rgb(2,178,217)
```
#02c2ed
```
#02c2ed rgb(2,194,237)
```

Shade Color Variation

#06d0fd
```
#06d0fd rgb(6,208,253)
```
#1ad3fd
```
#1ad3fd rgb(26,211,253)
```
#2dd7fd
```
#2dd7fd rgb(45,215,253)
```
#40dbfd
```
#40dbfd rgb(64,219,253)
```
#54defd
```
#54defd rgb(84,222,253)
```
#67e2fe
```
#67e2fe rgb(103,226,254)
```
#7be6fe
```
#7be6fe rgb(123,230,254)
```
#8eeafe
```
#8eeafe rgb(142,234,254)
```
#a2edfe
```
#a2edfe rgb(162,237,254)
```
#b5f1fe
```
#b5f1fe rgb(181,241,254)
```
#c8f5fe
```
#c8f5fe rgb(200,245,254)
```
#dcf8ff
```
#dcf8ff rgb(220,248,255)
```
#effcff
```
#effcff rgb(239,252,255)
```

Tint Color Variation

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

#8f999b
```
#8f999b rgb(143,153,155)
```
#879ea3
```
#879ea3 rgb(135,158,163)
```
#7fa3ab
```
#7fa3ab rgb(127,163,171)
```
#76a8b4
```
#76a8b4 rgb(118,168,180)
```
#6eaebc
```
#6eaebc rgb(110,174,188)
```
#66b3c4
```
#66b3c4 rgb(102,179,196)
```
#5eb8cc
```
#5eb8cc rgb(94,184,204)
```
#56bdd4
```
#56bdd4 rgb(86,189,212)
```
#4ec2dc
```
#4ec2dc rgb(78,194,220)
```
#45c7e5
```
#45c7e5 rgb(69,199,229)
```
#3dcded
```
#3dcded rgb(61,205,237)
```
#35d2f5
```
#35d2f5 rgb(53,210,245)
```
#2dd7fd
```
#2dd7fd rgb(45,215,253)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#90b2ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec6f1 Protanopia 1% of men
#b9c6ff Deuteranopia 1% of men
#00dcec Tritanopia 0.001% of the population

Trichromacy

#89ccf5 Protanomaly 1% of men, 0.01% of women
#86ccfe Deuteranomaly 6% of men, 0.4% of women
#10daf2 Tritanomaly 0.01% of the population

#2dd7fd hex color

#2dd7fd Color Information

#2dd7fd Color Conversion

Color Schemes with #2dd7fd

Alternatives to #2dd7fd

#2dd7fd Preview

Shades and Tints of #2dd7fd

Tones of #2dd7fd

Color Blindness Simulator