colorhexa.com

#2df0f9 hex color

In a RGB color space, hex #2df0f9 is composed of 17.6% red, 94.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 3.6% magenta, 0% yellow and 2.4% black. It has a hue angle of 182.6 degrees, a saturation of 94.4% and a lightness of 57.6%. #2df0f9 color hex could be obtained by blending #5affff with #00e1f3. Closest websafe color is: #33ffff.

- R 18
- G 94
- B 98
RGB color chart
- C 82
- M 4
- Y 0
- K 2
CMYK color chart

● #2df0f9 color description : Bright cyan.

The hexadecimal color #2df0f9 has RGB values of R:45, G:240, B:249 and CMYK values of C:0.82, M:0.04, Y:0, K:0.02. Its decimal value is 3010809.

Hex triplet	2df0f9	`#2df0f9`
RGB Decimal	45, 240, 249	`rgb(45,240,249)`
RGB Percent	17.6, 94.1, 97.6	`rgb(17.6%,94.1%,97.6%)`
CMYK	82, 4, 0, 2
HSL	182.6°, 94.4, 57.6	`hsl(182.6,94.4%,57.6%)`
HSV (or HSB)	182.6°, 81.9, 97.6
Web Safe	33ffff	`#33ffff`

CIE-LAB	86.856, -41.511, -17.375
XYZ	49.336, 69.713, 100.473
xyY	0.225, 0.318, 69.713
CIE-LCH	86.856, 45.001, 202.712
CIE-LUV	86.856, -63.819, -21.501
Hunter-Lab	83.494, -40.641, -12.901
Binary	00101101, 11110000, 11111001

#2df0f9
```
#2df0f9 rgb(45,240,249)
```
#f9362d
```
#f9362d rgb(249,54,45)
```

Complementary Color

#2df99c
```
#2df99c rgb(45,249,156)
```
#2df0f9
```
#2df0f9 rgb(45,240,249)
```
#2d8af9
```
#2d8af9 rgb(45,138,249)
```

Analogous Color

#f99c2d
```
#f99c2d rgb(249,156,45)
```
#2df0f9
```
#2df0f9 rgb(45,240,249)
```
#f92d8a
```
#f92d8a rgb(249,45,138)
```

Split Complementary Color

#f0f92d
```
#f0f92d rgb(240,249,45)
```
#2df0f9
```
#2df0f9 rgb(45,240,249)
```
#f92df0
```
#f92df0 rgb(249,45,240)
```

Triadic Color

#2df936
```
#2df936 rgb(45,249,54)
```
#2df0f9
```
#2df0f9 rgb(45,240,249)
```
#f92df0
```
#f92df0 rgb(249,45,240)
```
#f9362d
```
#f9362d rgb(249,54,45)
```

Tetradic Color

#06cad3
```
#06cad3 rgb(6,202,211)
```
#07e2ec
```
#07e2ec rgb(7,226,236)
```
#14eef8
```
#14eef8 rgb(20,238,248)
```
#2df0f9
```
#2df0f9 rgb(45,240,249)
```
#46f2fa
```
#46f2fa rgb(70,242,250)
```
#5ff4fa
```
#5ff4fa rgb(95,244,250)
```
#77f5fb
```
#77f5fb rgb(119,245,251)
```

Monochromatic Color

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

#2df9cf
```
#2df9cf rgb(45,249,207)
```
#2df9e0
```
#2df9e0 rgb(45,249,224)
```
#2df9f1
```
#2df9f1 rgb(45,249,241)
```
#2df0f9
```
#2df0f9 rgb(45,240,249)
```
#2ddff9
```
#2ddff9 rgb(45,223,249)
```
#2dcef9
```
#2dcef9 rgb(45,206,249)
```
#2dbdf9
```
#2dbdf9 rgb(45,189,249)
```

Similar Colors

Text with hexadecimal color #2df0f9

This text has a font color of #2df0f9.

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

#2df0f9 background color

This paragraph has a background color of #2df0f9.

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

#2df0f9 border color

This element has a border color of #2df0f9.

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

CSS codes

.text {color:#2df0f9;}

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

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

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

#011213
```
#011213 rgb(1,18,19)
```
#012426
```
#012426 rgb(1,36,38)
```
#023739
```
#023739 rgb(2,55,57)
```
#02494c
```
#02494c rgb(2,73,76)
```
#035b5f
```
#035b5f rgb(3,91,95)
```
#036d72
```
#036d72 rgb(3,109,114)
```
#048085
```
#048085 rgb(4,128,133)
```
#049298
```
#049298 rgb(4,146,152)
```
#05a4ab
```
#05a4ab rgb(5,164,171)
```
#05b6be
```
#05b6be rgb(5,182,190)
```
#06c9d2
```
#06c9d2 rgb(6,201,210)
```
#07dbe5
```
#07dbe5 rgb(7,219,229)
```
#07edf8
```
#07edf8 rgb(7,237,248)
```

Shade Color Variation

#1aeff8
```
#1aeff8 rgb(26,239,248)
```
#2df0f9
```
#2df0f9 rgb(45,240,249)
```
#40f1fa
```
#40f1fa rgb(64,241,250)
```
#53f3fa
```
#53f3fa rgb(83,243,250)
```
#66f4fb
```
#66f4fb rgb(102,244,251)
```
#79f5fb
```
#79f5fb rgb(121,245,251)
```
#8cf7fc
```
#8cf7fc rgb(140,247,252)
```
#9ff8fc
```
#9ff8fc rgb(159,248,252)
```
#b2fafd
```
#b2fafd rgb(178,250,253)
```
#c6fbfd
```
#c6fbfd rgb(198,251,253)
```
#d9fcfe
```
#d9fcfe rgb(217,252,254)
```
#ecfefe
```
#ecfefe rgb(236,254,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#919595
```
#919595 rgb(145,149,149)
```
#889d9e
```
#889d9e rgb(136,157,158)
```
#80a4a6
```
#80a4a6 rgb(128,164,166)
```
#78acae
```
#78acae rgb(120,172,174)
```
#6fb3b7
```
#6fb3b7 rgb(111,179,183)
```
#67bbbf
```
#67bbbf rgb(103,187,191)
```
#5fc3c7
```
#5fc3c7 rgb(95,195,199)
```
#57cacf
```
#57cacf rgb(87,202,207)
```
#4ed2d8
```
#4ed2d8 rgb(78,210,216)
```
#46d9e0
```
#46d9e0 rgb(70,217,224)
```
#3ee1e8
```
#3ee1e8 rgb(62,225,232)
```
#35e8f1
```
#35e8f1 rgb(53,232,241)
```
#2df0f9
```
#2df0f9 rgb(45,240,249)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#9bc2c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9daec Protanopia 1% of men
#dbd7ff Deuteranopia 1% of men
#58eeff Tritanopia 0.001% of the population

Trichromacy

#9be2f0 Protanomaly 1% of men, 0.01% of women
#9be0fc Deuteranomaly 6% of men, 0.4% of women
#48eefc Tritanomaly 0.01% of the population