#2dfafd hex color

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

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

● #2dfafd color description : Bright cyan.

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

Hex triplet	2dfafd	`#2dfafd`
RGB Decimal	45, 250, 253	`rgb(45,250,253)`
RGB Percent	17.6, 98, 99.2	`rgb(17.6%,98%,99.2%)`
CMYK	82, 1, 0, 1
HSL	180.9°, 98.1, 58.4	`hsl(180.9,98.1%,58.4%)`
HSV (or HSB)	180.9°, 82.2, 99.2
Web Safe	33ffff	`#33ffff`

CIE-LAB	89.867, -44.799, -14.941
XYZ	52.992, 76.016, 104.803
xyY	0.227, 0.325, 76.016
CIE-LCH	89.867, 47.225, 198.444
CIE-LUV	89.867, -66.876, -17.001
Hunter-Lab	87.187, -44.086, -10.238
Binary	00101101, 11111010, 11111101

#2dfafd
```
#2dfafd rgb(45,250,253)
```
#fd302d
```
#fd302d rgb(253,48,45)
```

Complementary Color

#2dfd98
```
#2dfd98 rgb(45,253,152)
```
#2dfafd
```
#2dfafd rgb(45,250,253)
```
#2d92fd
```
#2d92fd rgb(45,146,253)
```

Analogous Color

#fd982d
```
#fd982d rgb(253,152,45)
```
#2dfafd
```
#2dfafd rgb(45,250,253)
```
#fd2d92
```
#fd2d92 rgb(253,45,146)
```

Split Complementary Color

#fafd2d
```
#fafd2d rgb(250,253,45)
```
#2dfafd
```
#2dfafd rgb(45,250,253)
```
#fd2dfa
```
#fd2dfa rgb(253,45,250)
```

Triadic Color

#2dfd30
```
#2dfd30 rgb(45,253,48)
```
#2dfafd
```
#2dfafd rgb(45,250,253)
```
#fd2dfa
```
#fd2dfa rgb(253,45,250)
```
#fd302d
```
#fd302d rgb(253,48,45)
```

Tetradic Color

#02d8db
```
#02d8db rgb(2,216,219)
```
#02f1f5
```
#02f1f5 rgb(2,241,245)
```
#14f9fd
```
#14f9fd rgb(20,249,253)
```
#2dfafd
```
#2dfafd rgb(45,250,253)
```
#46fbfd
```
#46fbfd rgb(70,251,253)
```
#60fbfd
```
#60fbfd rgb(96,251,253)
```
#79fcfe
```
#79fcfe rgb(121,252,254)
```

Monochromatic Color

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

#2dfdcc
```
#2dfdcc rgb(45,253,204)
```
#2dfddd
```
#2dfddd rgb(45,253,221)
```
#2dfdef
```
#2dfdef rgb(45,253,239)
```
#2dfafd
```
#2dfafd rgb(45,250,253)
```
#2de9fd
```
#2de9fd rgb(45,233,253)
```
#2dd7fd
```
#2dd7fd rgb(45,215,253)
```
#2dc6fd
```
#2dc6fd rgb(45,198,253)
```

Similar Colors

Text with hexadecimal color #2dfafd

This text has a font color of #2dfafd.

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

#2dfafd background color

This paragraph has a background color of #2dfafd.

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

#2dfafd border color

This element has a border color of #2dfafd.

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

CSS codes

.text {color:#2dfafd;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#001717
```
#001717 rgb(0,23,23)
```
#002a2b
```
#002a2b rgb(0,42,43)
```
#013d3e
```
#013d3e rgb(1,61,62)
```
#015051
```
#015051 rgb(1,80,81)
```
#016365
```
#016365 rgb(1,99,101)
```
#017778
```
#017778 rgb(1,119,120)
```
#018a8c
```
#018a8c rgb(1,138,140)
```
#029d9f
```
#029d9f rgb(2,157,159)
```
#02b0b3
```
#02b0b3 rgb(2,176,179)
```
#02c3c6
```
#02c3c6 rgb(2,195,198)
```
#02d6d9
```
#02d6d9 rgb(2,214,217)
```
#02eaed
```
#02eaed rgb(2,234,237)
```

Shade Color Variation

#06f9fd
```
#06f9fd rgb(6,249,253)
```
#1afafd
```
#1afafd rgb(26,250,253)
```
#2dfafd
```
#2dfafd rgb(45,250,253)
```
#40fafd
```
#40fafd rgb(64,250,253)
```
#54fbfd
```
#54fbfd rgb(84,251,253)
```
#67fbfe
```
#67fbfe rgb(103,251,254)
```
#7bfcfe
```
#7bfcfe rgb(123,252,254)
```
#8efcfe
```
#8efcfe rgb(142,252,254)
```
#a2fdfe
```
#a2fdfe rgb(162,253,254)
```
#b5fdfe
```
#b5fdfe rgb(181,253,254)
```
#c8fefe
```
#c8fefe rgb(200,254,254)
```
#dcfeff
```
#dcfeff rgb(220,254,255)
```
#efffff
```
#efffff rgb(239,255,255)
```

Tint Color Variation

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

#8f9b9b
```
#8f9b9b rgb(143,155,155)
```
#87a3a3
```
#87a3a3 rgb(135,163,163)
```
#7fabab
```
#7fabab rgb(127,171,171)
```
#76b3b4
```
#76b3b4 rgb(118,179,180)
```
#6ebbbc
```
#6ebbbc rgb(110,187,188)
```
#66c3c4
```
#66c3c4 rgb(102,195,196)
```
#5ecacc
```
#5ecacc rgb(94,202,204)
```
#56d2d4
```
#56d2d4 rgb(86,210,212)
```
#4edadc
```
#4edadc rgb(78,218,220)
```
#45e2e5
```
#45e2e5 rgb(69,226,229)
```
#3deaed
```
#3deaed rgb(61,234,237)
```
#35f2f5
```
#35f2f5 rgb(53,242,245)
```
#2dfafd
```
#2dfafd rgb(45,250,253)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#a0c9ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3e2ef Protanopia 1% of men
#e5dfff Deuteranopia 1% of men
#94f1ff Tritanopia 0.001% of the population

Trichromacy

#a1eaf4 Protanomaly 1% of men, 0.01% of women
#a2e9fe Deuteranomaly 6% of men, 0.4% of women
#6ef4fe Tritanomaly 0.01% of the population

#2dfafd hex color

#2dfafd Color Information

#2dfafd Color Conversion

Color Schemes with #2dfafd

Alternatives to #2dfafd

#2dfafd Preview

Shades and Tints of #2dfafd

Tones of #2dfafd

Color Blindness Simulator