#2de7fd hex color

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

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

● #2de7fd color description : Bright cyan.

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

Hex triplet	2de7fd	`#2de7fd`
RGB Decimal	45, 231, 253	`rgb(45,231,253)`
RGB Percent	17.6, 90.6, 99.2	`rgb(17.6%,90.6%,99.2%)`
CMYK	82, 9, 0, 1
HSL	186.3°, 98.1, 58.4	`hsl(186.3,98.1%,58.4%)`
HSV (or HSB)	186.3°, 82.2, 99.2
Web Safe	33ffff	`#33ffff`

CIE-LAB	84.379, -36.21, -23.221
XYZ	47.383, 64.797, 102.933
xyY	0.22, 0.301, 64.797
CIE-LCH	84.379, 43.017, 212.671
CIE-LUV	84.379, -60.48, -32.08
Hunter-Lab	80.497, -35.799, -19.468
Binary	00101101, 11100111, 11111101

#2de7fd
```
#2de7fd rgb(45,231,253)
```
#fd432d
```
#fd432d rgb(253,67,45)
```

Complementary Color

#2dfdab
```
#2dfdab rgb(45,253,171)
```
#2de7fd
```
#2de7fd rgb(45,231,253)
```
#2d7ffd
```
#2d7ffd rgb(45,127,253)
```

Analogous Color

#fdab2d
```
#fdab2d rgb(253,171,45)
```
#2de7fd
```
#2de7fd rgb(45,231,253)
```
#fd2d7f
```
#fd2d7f rgb(253,45,127)
```

Split Complementary Color

#e7fd2d
```
#e7fd2d rgb(231,253,45)
```
#2de7fd
```
#2de7fd rgb(45,231,253)
```
#fd2de7
```
#fd2de7 rgb(253,45,231)
```

Triadic Color

#2dfd43
```
#2dfd43 rgb(45,253,67)
```
#2de7fd
```
#2de7fd rgb(45,231,253)
```
#fd2de7
```
#fd2de7 rgb(253,45,231)
```
#fd432d
```
#fd432d rgb(253,67,45)
```

Tetradic Color

#02c4db
```
#02c4db rgb(2,196,219)
```
#02dbf5
```
#02dbf5 rgb(2,219,245)
```
#14e4fd
```
#14e4fd rgb(20,228,253)
```
#2de7fd
```
#2de7fd rgb(45,231,253)
```
#46eafd
```
#46eafd rgb(70,234,253)
```
#60edfd
```
#60edfd rgb(96,237,253)
```
#79f0fe
```
#79f0fe rgb(121,240,254)
```

Monochromatic Color

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

#2dfddf
```
#2dfddf rgb(45,253,223)
```
#2dfdf0
```
#2dfdf0 rgb(45,253,240)
```
#2df8fd
```
#2df8fd rgb(45,248,253)
```
#2de7fd
```
#2de7fd rgb(45,231,253)
```
#2dd6fd
```
#2dd6fd rgb(45,214,253)
```
#2dc4fd
```
#2dc4fd rgb(45,196,253)
```
#2db3fd
```
#2db3fd rgb(45,179,253)
```

Similar Colors

Text with hexadecimal color #2de7fd

This text has a font color of #2de7fd.

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

#2de7fd background color

This paragraph has a background color of #2de7fd.

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

#2de7fd border color

This element has a border color of #2de7fd.

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

CSS codes

.text {color:#2de7fd;}

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

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

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 #effdff is the lightest one.

#000304
```
#000304 rgb(0,3,4)
```
#001517
```
#001517 rgb(0,21,23)
```
#00262b
```
#00262b rgb(0,38,43)
```
#01383e
```
#01383e rgb(1,56,62)
```
#014951
```
#014951 rgb(1,73,81)
```
#015a65
```
#015a65 rgb(1,90,101)
```
#016c78
```
#016c78 rgb(1,108,120)
```
#017d8c
```
#017d8c rgb(1,125,140)
```
#028f9f
```
#028f9f rgb(2,143,159)
```
#02a0b3
```
#02a0b3 rgb(2,160,179)
```
#02b1c6
```
#02b1c6 rgb(2,177,198)
```
#02c3d9
```
#02c3d9 rgb(2,195,217)
```
#02d4ed
```
#02d4ed rgb(2,212,237)
```

Shade Color Variation

#06e3fd
```
#06e3fd rgb(6,227,253)
```
#1ae5fd
```
#1ae5fd rgb(26,229,253)
```
#2de7fd
```
#2de7fd rgb(45,231,253)
```
#40e9fd
```
#40e9fd rgb(64,233,253)
```
#54ebfd
```
#54ebfd rgb(84,235,253)
```
#67eefe
```
#67eefe rgb(103,238,254)
```
#7bf0fe
```
#7bf0fe rgb(123,240,254)
```
#8ef2fe
```
#8ef2fe rgb(142,242,254)
```
#a2f4fe
```
#a2f4fe rgb(162,244,254)
```
#b5f7fe
```
#b5f7fe rgb(181,247,254)
```
#c8f9fe
```
#c8f9fe rgb(200,249,254)
```
#dcfbff
```
#dcfbff rgb(220,251,255)
```
#effdff
```
#effdff rgb(239,253,255)
```

Tint Color Variation

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

#8f9a9b
```
#8f9a9b rgb(143,154,155)
```
#87a0a3
```
#87a0a3 rgb(135,160,163)
```
#7fa7ab
```
#7fa7ab rgb(127,167,171)
```
#76adb4
```
#76adb4 rgb(118,173,180)
```
#6eb4bc
```
#6eb4bc rgb(110,180,188)
```
#66bac4
```
#66bac4 rgb(102,186,196)
```
#5ec0cc
```
#5ec0cc rgb(94,192,204)
```
#56c7d4
```
#56c7d4 rgb(86,199,212)
```
#4ecddc
```
#4ecddc rgb(78,205,220)
```
#45d4e5
```
#45d4e5 rgb(69,212,229)
```
#3ddaed
```
#3ddaed rgb(61,218,237)
```
#35e1f5
```
#35e1f5 rgb(53,225,245)
```
#2de7fd
```
#2de7fd rgb(45,231,253)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#97bdc1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd3f0 Protanopia 1% of men
#ced1ff Deuteranopia 1% of men
#32e8f9 Tritanopia 0.001% of the population

Trichromacy

#94daf4 Protanomaly 1% of men, 0.01% of women
#94d9fe Deuteranomaly 6% of men, 0.4% of women
#30e8fb Tritanomaly 0.01% of the population

#2de7fd hex color

#2de7fd Color Information

#2de7fd Color Conversion

Color Schemes with #2de7fd

Alternatives to #2de7fd

#2de7fd Preview

Shades and Tints of #2de7fd

Tones of #2de7fd

Color Blindness Simulator