#2df5fb hex color

In a RGB color space, hex #2df5fb is composed of 17.6% red, 96.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 2.4% magenta, 0% yellow and 1.6% black. It has a hue angle of 181.7 degrees, a saturation of 96.3% and a lightness of 58%. #2df5fb color hex could be obtained by blending #5affff with #00ebf7. Closest websafe color is: #33ffff.

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

● #2df5fb color description : Bright cyan.

The hexadecimal color #2df5fb has RGB values of R:45, G:245, B:251 and CMYK values of C:0.82, M:0.02, Y:0, K:0.02. Its decimal value is 3012091.

Hex triplet	2df5fb	`#2df5fb`
RGB Decimal	45, 245, 251	`rgb(45,245,251)`
RGB Percent	17.6, 96.1, 98.4	`rgb(17.6%,96.1%,98.4%)`
CMYK	82, 2, 0, 2
HSL	181.7°, 96.3, 58	`hsl(181.7,96.3%,58%)`
HSV (or HSB)	181.7°, 82.1, 98.4
Web Safe	33ffff	`#33ffff`

CIE-LAB	88.363, -43.164, -16.154
XYZ	51.142, 72.823, 102.622
xyY	0.226, 0.321, 72.823
CIE-LCH	88.363, 46.088, 200.519
CIE-LUV	88.363, -65.351, -19.245
Hunter-Lab	85.336, -42.364, -11.565
Binary	00101101, 11110101, 11111011

#2df5fb
```
#2df5fb rgb(45,245,251)
```
#fb332d
```
#fb332d rgb(251,51,45)
```

Complementary Color

#2dfb9a
```
#2dfb9a rgb(45,251,154)
```
#2df5fb
```
#2df5fb rgb(45,245,251)
```
#2d8efb
```
#2d8efb rgb(45,142,251)
```

Analogous Color

#fb9a2d
```
#fb9a2d rgb(251,154,45)
```
#2df5fb
```
#2df5fb rgb(45,245,251)
```
#fb2d8e
```
#fb2d8e rgb(251,45,142)
```

Split Complementary Color

#f5fb2d
```
#f5fb2d rgb(245,251,45)
```
#2df5fb
```
#2df5fb rgb(45,245,251)
```
#fb2df5
```
#fb2df5 rgb(251,45,245)
```

Triadic Color

#2dfb33
```
#2dfb33 rgb(45,251,51)
```
#2df5fb
```
#2df5fb rgb(45,245,251)
```
#fb2df5
```
#fb2df5 rgb(251,45,245)
```
#fb332d
```
#fb332d rgb(251,51,45)
```

Tetradic Color

#04d1d7
```
#04d1d7 rgb(4,209,215)
```
#05eaf0
```
#05eaf0 rgb(5,234,240)
```
#14f4fb
```
#14f4fb rgb(20,244,251)
```
#2df5fb
```
#2df5fb rgb(45,245,251)
```
#46f6fb
```
#46f6fb rgb(70,246,251)
```
#5ff7fc
```
#5ff7fc rgb(95,247,252)
```
#78f9fc
```
#78f9fc rgb(120,249,252)
```

Monochromatic Color

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

#2dfbce
```
#2dfbce rgb(45,251,206)
```
#2dfbdf
```
#2dfbdf rgb(45,251,223)
```
#2dfbf0
```
#2dfbf0 rgb(45,251,240)
```
#2df5fb
```
#2df5fb rgb(45,245,251)
```
#2de4fb
```
#2de4fb rgb(45,228,251)
```
#2dd3fb
```
#2dd3fb rgb(45,211,251)
```
#2dc2fb
```
#2dc2fb rgb(45,194,251)
```

Similar Colors

Text with hexadecimal color #2df5fb

This text has a font color of #2df5fb.

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

#2df5fb background color

This paragraph has a background color of #2df5fb.

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

#2df5fb border color

This element has a border color of #2df5fb.

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

CSS codes

.text {color:#2df5fb;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001415
```
#001415 rgb(0,20,21)
```
#012728
```
#012728 rgb(1,39,40)
```
#013a3b
```
#013a3b rgb(1,58,59)
```
#014c4f
```
#014c4f rgb(1,76,79)
```
#025f62
```
#025f62 rgb(2,95,98)
```
#027275
```
#027275 rgb(2,114,117)
```
#038588
```
#038588 rgb(3,133,136)
```
#03979c
```
#03979c rgb(3,151,156)
```
#03aaaf
```
#03aaaf rgb(3,170,175)
```
#04bdc2
```
#04bdc2 rgb(4,189,194)
```
#04cfd5
```
#04cfd5 rgb(4,207,213)
```
#04e2e9
```
#04e2e9 rgb(4,226,233)
```

Shade Color Variation

#07f3fa
```
#07f3fa rgb(7,243,250)
```
#1af4fb
```
#1af4fb rgb(26,244,251)
```
#2df5fb
```
#2df5fb rgb(45,245,251)
```
#40f6fb
```
#40f6fb rgb(64,246,251)
```
#53f7fc
```
#53f7fc rgb(83,247,252)
```
#67f8fc
```
#67f8fc rgb(103,248,252)
```
#7af9fc
```
#7af9fc rgb(122,249,252)
```
#8dfafd
```
#8dfafd rgb(141,250,253)
```
#a0fafd
```
#a0fafd rgb(160,250,253)
```
#b4fbfe
```
#b4fbfe rgb(180,251,254)
```
#c7fcfe
```
#c7fcfe rgb(199,252,254)
```
#dafdfe
```
#dafdfe rgb(218,253,254)
```
#edfeff
```
#edfeff rgb(237,254,255)
```

Tint Color Variation

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

#909898
```
#909898 rgb(144,152,152)
```
#88a0a0
```
#88a0a0 rgb(136,160,160)
```
#7fa7a9
```
#7fa7a9 rgb(127,167,169)
```
#77afb1
```
#77afb1 rgb(119,175,177)
```
#6fb7b9
```
#6fb7b9 rgb(111,183,185)
```
#67bfc1
```
#67bfc1 rgb(103,191,193)
```
#5ec6ca
```
#5ec6ca rgb(94,198,202)
```
#56ced2
```
#56ced2 rgb(86,206,210)
```
#4ed6da
```
#4ed6da rgb(78,214,218)
```
#46dee2
```
#46dee2 rgb(70,222,226)
```
#3de5eb
```
#3de5eb rgb(61,229,235)
```
#35edf3
```
#35edf3 rgb(53,237,243)
```
#2df5fb
```
#2df5fb rgb(45,245,251)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#9ec6c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dedeed Protanopia 1% of men
#e0dbff Deuteranopia 1% of men
#7bf0ff Tritanopia 0.001% of the population

Trichromacy

#9ee6f2 Protanomaly 1% of men, 0.01% of women
#9fe4fd Deuteranomaly 6% of men, 0.4% of women
#5ef1fd Tritanomaly 0.01% of the population

#2df5fb hex color

#2df5fb Color Information

#2df5fb Color Conversion

Color Schemes with #2df5fb

Alternatives to #2df5fb

#2df5fb Preview

Shades and Tints of #2df5fb

Tones of #2df5fb

Color Blindness Simulator