#2effff hex color

In a RGB color space, hex #2effff is composed of 18% red, 100% green and 100% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 0% magenta, 0% yellow and 0% black. It has a hue angle of 180 degrees, a saturation of 100% and a lightness of 59%. #2effff color hex could be obtained by blending #5cffff with #00ffff. Closest websafe color is: #33ffff.

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

● #2effff color description : Vivid cyan.

The hexadecimal color #2effff has RGB values of R:46, G:255, B:255 and CMYK values of C:0.82, M:0, Y:0, K:0. Its decimal value is 3080191.

Hex triplet	2effff	`#2effff`
RGB Decimal	46, 255, 255	`rgb(46,255,255)`
RGB Percent	18, 100, 100	`rgb(18%,100%,100%)`
CMYK	82, 0, 0, 0
HSL	180°, 100, 59	`hsl(180,100%,59%)`
HSV (or HSB)	180°, 82, 100
Web Safe	33ffff	`#33ffff`

CIE-LAB	91.377, -46.349, -13.718
XYZ	54.931, 79.315, 107.017
xyY	0.228, 0.329, 79.315
CIE-LCH	91.377, 48.336, 196.488
CIE-LUV	91.377, -68.31, -14.75
Hunter-Lab	89.059, -45.756, -8.903
Binary	00101110, 11111111, 11111111

#2effff
```
#2effff rgb(46,255,255)
```
#ff2e2e
```
#ff2e2e rgb(255,46,46)
```

Complementary Color

#2eff97
```
#2eff97 rgb(46,255,151)
```
#2effff
```
#2effff rgb(46,255,255)
```
#2e97ff
```
#2e97ff rgb(46,151,255)
```

Analogous Color

#ff972e
```
#ff972e rgb(255,151,46)
```
#2effff
```
#2effff rgb(46,255,255)
```
#ff2e97
```
#ff2e97 rgb(255,46,151)
```

Split Complementary Color

#ffff2e
```
#ffff2e rgb(255,255,46)
```
#2effff
```
#2effff rgb(46,255,255)
```
#ff2eff
```
#ff2eff rgb(255,46,255)
```

Triadic Color

#2eff2e
```
#2eff2e rgb(46,255,46)
```
#2effff
```
#2effff rgb(46,255,255)
```
#ff2eff
```
#ff2eff rgb(255,46,255)
```
#ff2e2e
```
#ff2e2e rgb(255,46,46)
```

Tetradic Color

#00e1e1
```
#00e1e1 rgb(0,225,225)
```
#00fafa
```
#00fafa rgb(0,250,250)
```
#15ffff
```
#15ffff rgb(21,255,255)
```
#2effff
```
#2effff rgb(46,255,255)
```
#48ffff
```
#48ffff rgb(72,255,255)
```
#61ffff
```
#61ffff rgb(97,255,255)
```
#7bffff
```
#7bffff rgb(123,255,255)
```

Monochromatic Color

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

#2effcb
```
#2effcb rgb(46,255,203)
```
#2effdc
```
#2effdc rgb(46,255,220)
```
#2effee
```
#2effee rgb(46,255,238)
```
#2effff
```
#2effff rgb(46,255,255)
```
#2eeeff
```
#2eeeff rgb(46,238,255)
```
#2edcff
```
#2edcff rgb(46,220,255)
```
#2ecbff
```
#2ecbff rgb(46,203,255)
```

Similar Colors

Text with hexadecimal color #2effff

This text has a font color of #2effff.

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

#2effff background color

This paragraph has a background color of #2effff.

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

#2effff border color

This element has a border color of #2effff.

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

CSS codes

.text {color:#2effff;}

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

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

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

#000707
```
#000707 rgb(0,7,7)
```
#001a1a
```
#001a1a rgb(0,26,26)
```
#002e2e
```
#002e2e rgb(0,46,46)
```
#004242
```
#004242 rgb(0,66,66)
```
#005555
```
#005555 rgb(0,85,85)
```
#006969
```
#006969 rgb(0,105,105)
```
#007c7c
```
#007c7c rgb(0,124,124)
```
#009090
```
#009090 rgb(0,144,144)
```
#00a4a4
```
#00a4a4 rgb(0,164,164)
```
#00b7b7
```
#00b7b7 rgb(0,183,183)
```
#00cbcb
```
#00cbcb rgb(0,203,203)
```
#00dfdf
```
#00dfdf rgb(0,223,223)
```
#00f2f2
```
#00f2f2 rgb(0,242,242)
```

Shade Color Variation

#07ffff
```
#07ffff rgb(7,255,255)
```
#1affff
```
#1affff rgb(26,255,255)
```
#2effff
```
#2effff rgb(46,255,255)
```
#42ffff
```
#42ffff rgb(66,255,255)
```
#55ffff
```
#55ffff rgb(85,255,255)
```
#69ffff
```
#69ffff rgb(105,255,255)
```
#7cffff
```
#7cffff rgb(124,255,255)
```
#90ffff
```
#90ffff rgb(144,255,255)
```
#a4ffff
```
#a4ffff rgb(164,255,255)
```
#b7ffff
```
#b7ffff rgb(183,255,255)
```
#cbffff
```
#cbffff rgb(203,255,255)
```
#dfffff
```
#dfffff rgb(223,255,255)
```
#f2ffff
```
#f2ffff rgb(242,255,255)
```

Tint Color Variation

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

#8e9f9f
```
#8e9f9f rgb(142,159,159)
```
#86a7a7
```
#86a7a7 rgb(134,167,167)
```
#7eafaf
```
#7eafaf rgb(126,175,175)
```
#76b7b7
```
#76b7b7 rgb(118,183,183)
```
#6ebfbf
```
#6ebfbf rgb(110,191,191)
```
#66c7c7
```
#66c7c7 rgb(102,199,199)
```
#5ecfcf
```
#5ecfcf rgb(94,207,207)
```
#56d7d7
```
#56d7d7 rgb(86,215,215)
```
#4edfdf
```
#4edfdf rgb(78,223,223)
```
#46e7e7
```
#46e7e7 rgb(70,231,231)
```
#3eefef
```
#3eefef rgb(62,239,239)
```
#36f7f7
```
#36f7f7 rgb(54,247,247)
```
#2effff
```
#2effff rgb(46,255,255)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#a4cdcd Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8e6f1 Protanopia 1% of men
#eae4ff Deuteranopia 1% of men
#a9f3ff Tritanopia 0.001% of the population

Trichromacy

#a4eff6 Protanomaly 1% of men, 0.01% of women
#a5edff Deuteranomaly 6% of men, 0.4% of women
#7cf7ff Tritanomaly 0.01% of the population

#2effff hex color

#2effff Color Information

#2effff Color Conversion

Color Schemes with #2effff

Alternatives to #2effff

#2effff Preview

Shades and Tints of #2effff

Tones of #2effff

Color Blindness Simulator