#2df9ff hex color

In a RGB color space, hex #2df9ff is composed of 17.6% red, 97.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 2.4% magenta, 0% yellow and 0% black. It has a hue angle of 181.7 degrees, a saturation of 100% and a lightness of 58.8%. #2df9ff color hex could be obtained by blending #5affff with #00f3ff. Closest websafe color is: #33ffff.

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

● #2df9ff color description : Vivid cyan.

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

Hex triplet	2df9ff	`#2df9ff`
RGB Decimal	45, 249, 255	`rgb(45,249,255)`
RGB Percent	17.6, 97.6, 100	`rgb(17.6%,97.6%,100%)`
CMYK	82, 2, 0, 0
HSL	181.7°, 100, 58.8	`hsl(181.7,100%,58.8%)`
HSV (or HSB)	181.7°, 82.4, 100
Web Safe	33ffff	`#33ffff`

CIE-LAB	89.638, -43.786, -16.325
XYZ	53.002, 75.524, 106.386
xyY	0.226, 0.321, 75.524
CIE-LCH	89.638, 46.73, 200.448
CIE-LUV	89.638, -66.389, -19.465
Hunter-Lab	86.905, -43.217, -11.748
Binary	00101101, 11111001, 11111111

#2df9ff
```
#2df9ff rgb(45,249,255)
```
#ff332d
```
#ff332d rgb(255,51,45)
```

Complementary Color

#2dff9c
```
#2dff9c rgb(45,255,156)
```
#2df9ff
```
#2df9ff rgb(45,249,255)
```
#2d90ff
```
#2d90ff rgb(45,144,255)
```

Analogous Color

#ff9c2d
```
#ff9c2d rgb(255,156,45)
```
#2df9ff
```
#2df9ff rgb(45,249,255)
```
#ff2d90
```
#ff2d90 rgb(255,45,144)
```

Split Complementary Color

#f9ff2d
```
#f9ff2d rgb(249,255,45)
```
#2df9ff
```
#2df9ff rgb(45,249,255)
```
#ff2df9
```
#ff2df9 rgb(255,45,249)
```

Triadic Color

#2dff33
```
#2dff33 rgb(45,255,51)
```
#2df9ff
```
#2df9ff rgb(45,249,255)
```
#ff2df9
```
#ff2df9 rgb(255,45,249)
```
#ff332d
```
#ff332d rgb(255,51,45)
```

Tetradic Color

#00d9e0
```
#00d9e0 rgb(0,217,224)
```
#00f2f9
```
#00f2f9 rgb(0,242,249)
```
#14f8ff
```
#14f8ff rgb(20,248,255)
```
#2df9ff
```
#2df9ff rgb(45,249,255)
```
#47faff
```
#47faff rgb(71,250,255)
```
#60faff
```
#60faff rgb(96,250,255)
```
#7afbff
```
#7afbff rgb(122,251,255)
```

Monochromatic Color

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

#2dffd1
```
#2dffd1 rgb(45,255,209)
```
#2dffe2
```
#2dffe2 rgb(45,255,226)
```
#2dfff4
```
#2dfff4 rgb(45,255,244)
```
#2df9ff
```
#2df9ff rgb(45,249,255)
```
#2de8ff
```
#2de8ff rgb(45,232,255)
```
#2dd6ff
```
#2dd6ff rgb(45,214,255)
```
#2dc5ff
```
#2dc5ff rgb(45,197,255)
```

Similar Colors

Text with hexadecimal color #2df9ff

This text has a font color of #2df9ff.

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

#2df9ff background color

This paragraph has a background color of #2df9ff.

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

#2df9ff border color

This element has a border color of #2df9ff.

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

CSS codes

.text {color:#2df9ff;}

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

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

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

#000606
```
#000606 rgb(0,6,6)
```
#001919
```
#001919 rgb(0,25,25)
```
#002c2d
```
#002c2d rgb(0,44,45)
```
#003f41
```
#003f41 rgb(0,63,65)
```
#005254
```
#005254 rgb(0,82,84)
```
#006568
```
#006568 rgb(0,101,104)
```
#00787b
```
#00787b rgb(0,120,123)
```
#008b8f
```
#008b8f rgb(0,139,143)
```
#009ea3
```
#009ea3 rgb(0,158,163)
```
#00b1b6
```
#00b1b6 rgb(0,177,182)
```
#00c4ca
```
#00c4ca rgb(0,196,202)
```
#00d7de
```
#00d7de rgb(0,215,222)
```
#00eaf1
```
#00eaf1 rgb(0,234,241)
```

Shade Color Variation

#06f8ff
```
#06f8ff rgb(6,248,255)
```
#19f8ff
```
#19f8ff rgb(25,248,255)
```
#2df9ff
```
#2df9ff rgb(45,249,255)
```
#41faff
```
#41faff rgb(65,250,255)
```
#54faff
```
#54faff rgb(84,250,255)
```
#68fbff
```
#68fbff rgb(104,251,255)
```
#7bfbff
```
#7bfbff rgb(123,251,255)
```
#8ffcff
```
#8ffcff rgb(143,252,255)
```
#a3fcff
```
#a3fcff rgb(163,252,255)
```
#b6fdff
```
#b6fdff rgb(182,253,255)
```
#cafdff
```
#cafdff rgb(202,253,255)
```
#defeff
```
#defeff rgb(222,254,255)
```
#f1ffff
```
#f1ffff rgb(241,255,255)
```

Tint Color Variation

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

#8e9e9e
```
#8e9e9e rgb(142,158,158)
```
#86a5a6
```
#86a5a6 rgb(134,165,166)
```
#7eadae
```
#7eadae rgb(126,173,174)
```
#76b4b6
```
#76b4b6 rgb(118,180,182)
```
#6ebcbe
```
#6ebcbe rgb(110,188,190)
```
#66c4c6
```
#66c4c6 rgb(102,196,198)
```
#5dcbcf
```
#5dcbcf rgb(93,203,207)
```
#55d3d7
```
#55d3d7 rgb(85,211,215)
```
#4ddbdf
```
#4ddbdf rgb(77,219,223)
```
#45e2e7
```
#45e2e7 rgb(69,226,231)
```
#3deaef
```
#3deaef rgb(61,234,239)
```
#35f1f7
```
#35f1f7 rgb(53,241,247)
```
#2df9ff
```
#2df9ff rgb(45,249,255)
```

Tone Color Variation

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

#e2e1f1 Protanopia 1% of men
#e3dfff Deuteranopia 1% of men
#90f1ff Tritanopia 0.001% of the population

Trichromacy

#a0eaf6 Protanomaly 1% of men, 0.01% of women
#a1e8ff Deuteranomaly 6% of men, 0.4% of women
#6cf4ff Tritanomaly 0.01% of the population

#2df9ff hex color

#2df9ff Color Information

#2df9ff Color Conversion

Color Schemes with #2df9ff

Alternatives to #2df9ff

#2df9ff Preview

Shades and Tints of #2df9ff

Tones of #2df9ff

Color Blindness Simulator