#2affcd hex color

In a RGB color space, hex #2affcd is composed of 16.5% red, 100% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 0% magenta, 19.6% yellow and 0% black. It has a hue angle of 165.9 degrees, a saturation of 100% and a lightness of 58.2%. #2affcd color hex could be obtained by blending #54ffff with #00ff9b. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 16
- G 100
- B 80
RGB color chart
- C 84
- M 0
- Y 20
- K 0
CMYK color chart

● #2affcd color description : Vivid cyan.

The hexadecimal color #2affcd has RGB values of R:42, G:255, B:205 and CMYK values of C:0.84, M:0, Y:0.2, K:0. Its decimal value is 2817997.

Hex triplet	2affcd	`#2affcd`
RGB Decimal	42, 255, 205	`rgb(42,255,205)`
RGB Percent	16.5, 100, 80.4	`rgb(16.5%,100%,80.4%)`
CMYK	84, 0, 20, 0
HSL	165.9°, 100, 58.2	`hsl(165.9,100%,58.2%)`
HSV (or HSB)	165.9°, 83.5, 100
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	90.052, -59.695, 10.243
XYZ	47.73, 76.415, 69.988
xyY	0.246, 0.394, 76.415
CIE-LCH	90.052, 60.568, 170.263
CIE-LUV	90.052, -72.405, 25.206
Hunter-Lab	87.416, -55.514, 13.721
Binary	00101010, 11111111, 11001101

#2affcd
```
#2affcd rgb(42,255,205)
```
#ff2a5c
```
#ff2a5c rgb(255,42,92)
```

Complementary Color

#2aff63
```
#2aff63 rgb(42,255,99)
```
#2affcd
```
#2affcd rgb(42,255,205)
```
#2ac7ff
```
#2ac7ff rgb(42,199,255)
```

Analogous Color

#ff632a
```
#ff632a rgb(255,99,42)
```
#2affcd
```
#2affcd rgb(42,255,205)
```
#ff2ac7
```
#ff2ac7 rgb(255,42,199)
```

Split Complementary Color

#ffcd2a
```
#ffcd2a rgb(255,205,42)
```
#2affcd
```
#2affcd rgb(42,255,205)
```
#cd2aff
```
#cd2aff rgb(205,42,255)
```

Triadic Color

#5cff2a
```
#5cff2a rgb(92,255,42)
```
#2affcd
```
#2affcd rgb(42,255,205)
```
#cd2aff
```
#cd2aff rgb(205,42,255)
```
#ff2a5c
```
#ff2a5c rgb(255,42,92)
```

Tetradic Color

#00dda9
```
#00dda9 rgb(0,221,169)
```
#00f6bc
```
#00f6bc rgb(0,246,188)
```
#11ffc7
```
#11ffc7 rgb(17,255,199)
```
#2affcd
```
#2affcd rgb(42,255,205)
```
#44ffd3
```
#44ffd3 rgb(68,255,211)
```
#5dffd9
```
#5dffd9 rgb(93,255,217)
```
#77ffdf
```
#77ffdf rgb(119,255,223)
```

Monochromatic Color

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

#2aff98
```
#2aff98 rgb(42,255,152)
```
#2affaa
```
#2affaa rgb(42,255,170)
```
#2affbb
```
#2affbb rgb(42,255,187)
```
#2affcd
```
#2affcd rgb(42,255,205)
```
#2affdf
```
#2affdf rgb(42,255,223)
```
#2afff1
```
#2afff1 rgb(42,255,241)
```
#2afcff
```
#2afcff rgb(42,252,255)
```

Similar Colors

Text with hexadecimal color #2affcd

This text has a font color of #2affcd.

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

#2affcd background color

This paragraph has a background color of #2affcd.

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

#2affcd border color

This element has a border color of #2affcd.

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

CSS codes

.text {color:#2affcd;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#001611
```
#001611 rgb(0,22,17)
```
#002a20
```
#002a20 rgb(0,42,32)
```
#003e2f
```
#003e2f rgb(0,62,47)
```
#00513e
```
#00513e rgb(0,81,62)
```
#00654d
```
#00654d rgb(0,101,77)
```
#00785c
```
#00785c rgb(0,120,92)
```
#008c6b
```
#008c6b rgb(0,140,107)
```
#00a07a
```
#00a07a rgb(0,160,122)
```
#00b389
```
#00b389 rgb(0,179,137)
```
#00c798
```
#00c798 rgb(0,199,152)
```
#00dba7
```
#00dba7 rgb(0,219,167)
```
#00eeb6
```
#00eeb6 rgb(0,238,182)
```

Shade Color Variation

#03ffc4
```
#03ffc4 rgb(3,255,196)
```
#16ffc8
```
#16ffc8 rgb(22,255,200)
```
#2affcd
```
#2affcd rgb(42,255,205)
```
#3effd2
```
#3effd2 rgb(62,255,210)
```
#51ffd6
```
#51ffd6 rgb(81,255,214)
```
#65ffdb
```
#65ffdb rgb(101,255,219)
```
#78ffdf
```
#78ffdf rgb(120,255,223)
```
#8cffe4
```
#8cffe4 rgb(140,255,228)
```
#a0ffe9
```
#a0ffe9 rgb(160,255,233)
```
#b3ffed
```
#b3ffed rgb(179,255,237)
```
#c7fff2
```
#c7fff2 rgb(199,255,242)
```
#dbfff6
```
#dbfff6 rgb(219,255,246)
```
#eefffb
```
#eefffb rgb(238,255,251)
```

Tint Color Variation

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

#8c9d99
```
#8c9d99 rgb(140,157,153)
```
#84a59d
```
#84a59d rgb(132,165,157)
```
#7cada2
```
#7cada2 rgb(124,173,162)
```
#74b5a6
```
#74b5a6 rgb(116,181,166)
```
#6cbdaa
```
#6cbdaa rgb(108,189,170)
```
#63c6af
```
#63c6af rgb(99,198,175)
```
#5bceb3
```
#5bceb3 rgb(91,206,179)
```
#53d6b7
```
#53d6b7 rgb(83,214,183)
```
#4bdebc
```
#4bdebc rgb(75,222,188)
```
#43e6c0
```
#43e6c0 rgb(67,230,192)
```
#3aefc4
```
#3aefc4 rgb(58,239,196)
```
#32f7c9
```
#32f7c9 rgb(50,247,201)
```
#2affcd
```
#2affcd rgb(42,255,205)
```

Tone Color Variation

Below, you can see how #2affcd 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
#9dc8be Atypical Achromatopsia 0.001% of the population

Dichromacy

#efe3c2 Protanopia 1% of men
#fcdcdb Deuteranopia 1% of men
#9af1ff Tritanopia 0.001% of the population

Trichromacy

#a7edc6 Protanomaly 1% of men, 0.01% of women
#afe9d6 Deuteranomaly 6% of men, 0.4% of women
#71f6ec Tritanomaly 0.01% of the population

#2affcd hex color

#2affcd Color Information

#2affcd Color Conversion

Color Schemes with #2affcd

Alternatives to #2affcd

#2affcd Preview

Shades and Tints of #2affcd

Tones of #2affcd

Color Blindness Simulator