#3affcc hex color

In a RGB color space, hex #3affcc is composed of 22.7% red, 100% green and 80% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 0% magenta, 20% yellow and 0% black. It has a hue angle of 164.5 degrees, a saturation of 100% and a lightness of 61.4%. #3affcc color hex could be obtained by blending #74ffff with #00ff99. Closest websafe color is: #33ffcc.

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

● #3affcc color description : Light cyan - lime green.

The hexadecimal color #3affcc has RGB values of R:58, G:255, B:204 and CMYK values of C:0.77, M:0, Y:0.2, K:0. Its decimal value is 3866572.

Hex triplet	3affcc	`#3affcc`
RGB Decimal	58, 255, 204	`rgb(58,255,204)`
RGB Percent	22.7, 100, 80	`rgb(22.7%,100%,80%)`
CMYK	77, 0, 20, 0
HSL	164.5°, 100, 61.4	`hsl(164.5,100%,61.4%)`
HSV (or HSB)	164.5°, 77.3, 100
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	90.218, -58.56, 11.022
XYZ	48.4, 76.774, 69.392
xyY	0.249, 0.395, 76.774
CIE-LCH	90.218, 59.588, 169.341
CIE-LUV	90.218, -70.791, 26.204
Hunter-Lab	87.621, -54.737, 14.38
Binary	00111010, 11111111, 11001100

#3affcc
```
#3affcc rgb(58,255,204)
```
#ff3a6d
```
#ff3a6d rgb(255,58,109)
```

Complementary Color

#3aff6a
```
#3aff6a rgb(58,255,106)
```
#3affcc
```
#3affcc rgb(58,255,204)
```
#3ad0ff
```
#3ad0ff rgb(58,208,255)
```

Analogous Color

#ff6a3a
```
#ff6a3a rgb(255,106,58)
```
#3affcc
```
#3affcc rgb(58,255,204)
```
#ff3ad0
```
#ff3ad0 rgb(255,58,208)
```

Split Complementary Color

#ffcc3a
```
#ffcc3a rgb(255,204,58)
```
#3affcc
```
#3affcc rgb(58,255,204)
```
#cc3aff
```
#cc3aff rgb(204,58,255)
```

Triadic Color

#6dff3a
```
#6dff3a rgb(109,255,58)
```
#3affcc
```
#3affcc rgb(58,255,204)
```
#cc3aff
```
#cc3aff rgb(204,58,255)
```
#ff3a6d
```
#ff3a6d rgb(255,58,109)
```

Tetradic Color

#00edaf
```
#00edaf rgb(0,237,175)
```
#07ffbf
```
#07ffbf rgb(7,255,191)
```
#21ffc5
```
#21ffc5 rgb(33,255,197)
```
#3affcc
```
#3affcc rgb(58,255,204)
```
#54ffd3
```
#54ffd3 rgb(84,255,211)
```
#6dffd9
```
#6dffd9 rgb(109,255,217)
```
#87ffe0
```
#87ffe0 rgb(135,255,224)
```

Monochromatic Color

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

#3aff9b
```
#3aff9b rgb(58,255,155)
```
#3affab
```
#3affab rgb(58,255,171)
```
#3affbc
```
#3affbc rgb(58,255,188)
```
#3affcc
```
#3affcc rgb(58,255,204)
```
#3affdc
```
#3affdc rgb(58,255,220)
```
#3affed
```
#3affed rgb(58,255,237)
```
#3afffd
```
#3afffd rgb(58,255,253)
```

Similar Colors

Text with hexadecimal color #3affcc

This text has a font color of #3affcc.

<span style="color:#3affcc;">Text here</span>

#3affcc background color

This paragraph has a background color of #3affcc.

<p style="background-color:#3affcc;">Content here</p>

#3affcc border color

This element has a border color of #3affcc.

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

CSS codes

.text {color:#3affcc;}

.background {background-color:#3affcc;}

.border {border:1px solid #3affcc;}

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, #00130e is the darkest color, while #feffff is the lightest one.

#00130e
```
#00130e rgb(0,19,14)
```
#00261c
```
#00261c rgb(0,38,28)
```
#003a2b
```
#003a2b rgb(0,58,43)
```
#004e3a
```
#004e3a rgb(0,78,58)
```
#006148
```
#006148 rgb(0,97,72)
```
#007557
```
#007557 rgb(0,117,87)
```
#008865
```
#008865 rgb(0,136,101)
```
#009c74
```
#009c74 rgb(0,156,116)
```
#00b082
```
#00b082 rgb(0,176,130)
```
#00c391
```
#00c391 rgb(0,195,145)
```
#00d79f
```
#00d79f rgb(0,215,159)
```
#00ebae
```
#00ebae rgb(0,235,174)
```
#00febc
```
#00febc rgb(0,254,188)
```

Shade Color Variation

#13ffc2
```
#13ffc2 rgb(19,255,194)
```
#26ffc7
```
#26ffc7 rgb(38,255,199)
```
#3affcc
```
#3affcc rgb(58,255,204)
```
#4effd1
```
#4effd1 rgb(78,255,209)
```
#61ffd6
```
#61ffd6 rgb(97,255,214)
```
#75ffdb
```
#75ffdb rgb(117,255,219)
```
#88ffe0
```
#88ffe0 rgb(136,255,224)
```
#9cffe5
```
#9cffe5 rgb(156,255,229)
```
#b0ffea
```
#b0ffea rgb(176,255,234)
```
#c3fff0
```
#c3fff0 rgb(195,255,240)
```
#d7fff5
```
#d7fff5 rgb(215,255,245)
```
#ebfffa
```
#ebfffa rgb(235,255,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95a4a0 is the less saturated color, while #3affcc is the most saturated one.

#95a4a0
```
#95a4a0 rgb(149,164,160)
```
#8daca4
```
#8daca4 rgb(141,172,164)
```
#86b3a7
```
#86b3a7 rgb(134,179,167)
```
#7ebbab
```
#7ebbab rgb(126,187,171)
```
#77c2af
```
#77c2af rgb(119,194,175)
```
#6fcab2
```
#6fcab2 rgb(111,202,178)
```
#67d2b6
```
#67d2b6 rgb(103,210,182)
```
#60d9ba
```
#60d9ba rgb(96,217,186)
```
#58e1bd
```
#58e1bd rgb(88,225,189)
```
#51e8c1
```
#51e8c1 rgb(81,232,193)
```
#49f0c5
```
#49f0c5 rgb(73,240,197)
```
#42f7c8
```
#42f7c8 rgb(66,247,200)
```
#3affcc
```
#3affcc rgb(58,255,204)
```

Tone Color Variation

Below, you can see how #3affcc 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

#bebebe Achromatopsia 0.005% of the population
#a4cbc1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0e3c1 Protanopia 1% of men
#fdddda Deuteranopia 1% of men
#9df1ff Tritanopia 0.001% of the population

Trichromacy

#aeedc5 Protanomaly 1% of men, 0.01% of women
#b6e9d5 Deuteranomaly 6% of men, 0.4% of women
#79f6ec Tritanomaly 0.01% of the population

#3affcc hex color

#3affcc Color Information

#3affcc Color Conversion

Color Schemes with #3affcc

Alternatives to #3affcc

#3affcc Preview

Shades and Tints of #3affcc

Tones of #3affcc

Color Blindness Simulator