#3affe4 hex color

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

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

● #3affe4 color description : Light cyan.

The hexadecimal color #3affe4 has RGB values of R:58, G:255, B:228 and CMYK values of C:0.77, M:0, Y:0.11, K:0. Its decimal value is 3866596.

Hex triplet	3affe4	`#3affe4`
RGB Decimal	58, 255, 228	`rgb(58,255,228)`
RGB Percent	22.7, 100, 89.4	`rgb(22.7%,100%,89.4%)`
CMYK	77, 0, 11, 0
HSL	171.8°, 100, 61.4	`hsl(171.8,100%,61.4%)`
HSV (or HSB)	171.8°, 77.3, 100
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	90.787, -52.656, -0.571
XYZ	51.504, 78.016, 85.739
xyY	0.239, 0.362, 78.016
CIE-LCH	90.787, 52.659, 180.621
CIE-LUV	90.787, -69.094, 7.576
Hunter-Lab	88.327, -50.487, 4.276
Binary	00111010, 11111111, 11100100

#3affe4
```
#3affe4 rgb(58,255,228)
```
#ff3a55
```
#ff3a55 rgb(255,58,85)
```

Complementary Color

#3aff82
```
#3aff82 rgb(58,255,130)
```
#3affe4
```
#3affe4 rgb(58,255,228)
```
#3ab8ff
```
#3ab8ff rgb(58,184,255)
```

Analogous Color

#ff823a
```
#ff823a rgb(255,130,58)
```
#3affe4
```
#3affe4 rgb(58,255,228)
```
#ff3ab8
```
#ff3ab8 rgb(255,58,184)
```

Split Complementary Color

#ffe43a
```
#ffe43a rgb(255,228,58)
```
#3affe4
```
#3affe4 rgb(58,255,228)
```
#e43aff
```
#e43aff rgb(228,58,255)
```

Triadic Color

#55ff3a
```
#55ff3a rgb(85,255,58)
```
#3affe4
```
#3affe4 rgb(58,255,228)
```
#e43aff
```
#e43aff rgb(228,58,255)
```
#ff3a55
```
#ff3a55 rgb(255,58,85)
```

Tetradic Color

#00edcc
```
#00edcc rgb(0,237,204)
```
#07ffdd
```
#07ffdd rgb(7,255,221)
```
#21ffe1
```
#21ffe1 rgb(33,255,225)
```
#3affe4
```
#3affe4 rgb(58,255,228)
```
#54ffe7
```
#54ffe7 rgb(84,255,231)
```
#6dffeb
```
#6dffeb rgb(109,255,235)
```
#87ffee
```
#87ffee rgb(135,255,238)
```

Monochromatic Color

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

#3affb3
```
#3affb3 rgb(58,255,179)
```
#3affc3
```
#3affc3 rgb(58,255,195)
```
#3affd4
```
#3affd4 rgb(58,255,212)
```
#3affe4
```
#3affe4 rgb(58,255,228)
```
#3afff4
```
#3afff4 rgb(58,255,244)
```
#3af9ff
```
#3af9ff rgb(58,249,255)
```
#3ae9ff
```
#3ae9ff rgb(58,233,255)
```

Similar Colors

Text with hexadecimal color #3affe4

This text has a font color of #3affe4.

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

#3affe4 background color

This paragraph has a background color of #3affe4.

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

#3affe4 border color

This element has a border color of #3affe4.

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

CSS codes

.text {color:#3affe4;}

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

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

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

#001310
```
#001310 rgb(0,19,16)
```
#002621
```
#002621 rgb(0,38,33)
```
#003a32
```
#003a32 rgb(0,58,50)
```
#004e43
```
#004e43 rgb(0,78,67)
```
#006154
```
#006154 rgb(0,97,84)
```
#007565
```
#007565 rgb(0,117,101)
```
#008876
```
#008876 rgb(0,136,118)
```
#009c87
```
#009c87 rgb(0,156,135)
```
#00b098
```
#00b098 rgb(0,176,152)
```
#00c3a9
```
#00c3a9 rgb(0,195,169)
```
#00d7b9
```
#00d7b9 rgb(0,215,185)
```
#00ebca
```
#00ebca rgb(0,235,202)
```
#00fedb
```
#00fedb rgb(0,254,219)
```

Shade Color Variation

#13ffdf
```
#13ffdf rgb(19,255,223)
```
#26ffe1
```
#26ffe1 rgb(38,255,225)
```
#3affe4
```
#3affe4 rgb(58,255,228)
```
#4effe7
```
#4effe7 rgb(78,255,231)
```
#61ffe9
```
#61ffe9 rgb(97,255,233)
```
#75ffec
```
#75ffec rgb(117,255,236)
```
#88ffef
```
#88ffef rgb(136,255,239)
```
#9cfff1
```
#9cfff1 rgb(156,255,241)
```
#b0fff4
```
#b0fff4 rgb(176,255,244)
```
#c3fff7
```
#c3fff7 rgb(195,255,247)
```
#d7fffa
```
#d7fffa rgb(215,255,250)
```
#ebfffc
```
#ebfffc rgb(235,255,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#95a4a2
```
#95a4a2 rgb(149,164,162)
```
#8daca8
```
#8daca8 rgb(141,172,168)
```
#86b3ad
```
#86b3ad rgb(134,179,173)
```
#7ebbb3
```
#7ebbb3 rgb(126,187,179)
```
#77c2b8
```
#77c2b8 rgb(119,194,184)
```
#6fcabe
```
#6fcabe rgb(111,202,190)
```
#67d2c3
```
#67d2c3 rgb(103,210,195)
```
#60d9c9
```
#60d9c9 rgb(96,217,201)
```
#58e1ce
```
#58e1ce rgb(88,225,206)
```
#51e8d4
```
#51e8d4 rgb(81,232,212)
```
#49f0d9
```
#49f0d9 rgb(73,240,217)
```
#42f7df
```
#42f7df rgb(66,247,223)
```
#3affe4
```
#3affe4 rgb(58,255,228)
```

Tone Color Variation

Below, you can see how #3affe4 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
#a6cdc8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ede5d8 Protanopia 1% of men
#f6dff0 Deuteranopia 1% of men
#a3f2ff Tritanopia 0.001% of the population

Trichromacy

#aceedc Protanomaly 1% of men, 0.01% of women
#b1ebec Deuteranomaly 6% of men, 0.4% of women
#7df7f5 Tritanomaly 0.01% of the population

#3affe4 hex color

#3affe4 Color Information

#3affe4 Color Conversion

Color Schemes with #3affe4

Alternatives to #3affe4

#3affe4 Preview

Shades and Tints of #3affe4

Tones of #3affe4

Color Blindness Simulator