#4affbd hex color

In a RGB color space, hex #4affbd is composed of 29% red, 100% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 0% magenta, 25.9% yellow and 0% black. It has a hue angle of 158.1 degrees, a saturation of 100% and a lightness of 64.5%. #4affbd color hex could be obtained by blending #94ffff with #00ff7b. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 29
- G 100
- B 74
RGB color chart
- C 71
- M 0
- Y 26
- K 0
CMYK color chart

● #4affbd color description : Light cyan - lime green.

The hexadecimal color #4affbd has RGB values of R:74, G:255, B:189 and CMYK values of C:0.71, M:0, Y:0.26, K:0. Its decimal value is 4915133.

Hex triplet	4affbd	`#4affbd`
RGB Decimal	74, 255, 189	`rgb(74,255,189)`
RGB Percent	29, 100, 74.1	`rgb(29%,100%,74.1%)`
CMYK	71, 0, 26, 0
HSL	158.1°, 100, 64.5	`hsl(158.1,100%,64.5%)`
HSV (or HSB)	158.1°, 71, 100
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	90.158, -60.055, 18.683
XYZ	47.766, 76.645, 60.418
xyY	0.258, 0.415, 76.645
CIE-LCH	90.158, 62.894, 162.719
CIE-LUV	90.158, -69.454, 37.501
Hunter-Lab	87.547, -55.819, 20.366
Binary	01001010, 11111111, 10111101

#4affbd
```
#4affbd rgb(74,255,189)
```
#ff4a8c
```
#ff4a8c rgb(255,74,140)
```

Complementary Color

#4aff63
```
#4aff63 rgb(74,255,99)
```
#4affbd
```
#4affbd rgb(74,255,189)
```
#4ae7ff
```
#4ae7ff rgb(74,231,255)
```

Analogous Color

#ff634a
```
#ff634a rgb(255,99,74)
```
#4affbd
```
#4affbd rgb(74,255,189)
```
#ff4ae7
```
#ff4ae7 rgb(255,74,231)
```

Split Complementary Color

#ffbd4a
```
#ffbd4a rgb(255,189,74)
```
#4affbd
```
#4affbd rgb(74,255,189)
```
#bd4aff
```
#bd4aff rgb(189,74,255)
```

Triadic Color

#8cff4a
```
#8cff4a rgb(140,255,74)
```
#4affbd
```
#4affbd rgb(74,255,189)
```
#bd4aff
```
#bd4aff rgb(189,74,255)
```
#ff4a8c
```
#ff4a8c rgb(255,74,140)
```

Tetradic Color

#00fda0
```
#00fda0 rgb(0,253,160)
```
#17ffaa
```
#17ffaa rgb(23,255,170)
```
#31ffb4
```
#31ffb4 rgb(49,255,180)
```
#4affbd
```
#4affbd rgb(74,255,189)
```
#64ffc6
```
#64ffc6 rgb(100,255,198)
```
#7dffd0
```
#7dffd0 rgb(125,255,208)
```
#97ffd9
```
#97ffd9 rgb(151,255,217)
```

Monochromatic Color

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

#4aff90
```
#4aff90 rgb(74,255,144)
```
#4aff9f
```
#4aff9f rgb(74,255,159)
```
#4affae
```
#4affae rgb(74,255,174)
```
#4affbd
```
#4affbd rgb(74,255,189)
```
#4affcc
```
#4affcc rgb(74,255,204)
```
#4affdb
```
#4affdb rgb(74,255,219)
```
#4affea
```
#4affea rgb(74,255,234)
```

Similar Colors

Text with hexadecimal color #4affbd

This text has a font color of #4affbd.

<span style="color:#4affbd;">Text here</span>

#4affbd background color

This paragraph has a background color of #4affbd.

<p style="background-color:#4affbd;">Content here</p>

#4affbd border color

This element has a border color of #4affbd.

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

CSS codes

.text {color:#4affbd;}

.background {background-color:#4affbd;}

.border {border:1px solid #4affbd;}

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, #000f0a is the darkest color, while #fbfffd is the lightest one.

#000f0a
```
#000f0a rgb(0,15,10)
```
#002316
```
#002316 rgb(0,35,22)
```
#003623
```
#003623 rgb(0,54,35)
```
#004a2f
```
#004a2f rgb(0,74,47)
```
#005e3b
```
#005e3b rgb(0,94,59)
```
#007148
```
#007148 rgb(0,113,72)
```
#008554
```
#008554 rgb(0,133,84)
```
#009861
```
#009861 rgb(0,152,97)
```
#00ac6d
```
#00ac6d rgb(0,172,109)
```
#00c07a
```
#00c07a rgb(0,192,122)
```
#00d386
```
#00d386 rgb(0,211,134)
```
#00e793
```
#00e793 rgb(0,231,147)
```
#00fb9f
```
#00fb9f rgb(0,251,159)
```

Shade Color Variation

#0fffa8
```
#0fffa8 rgb(15,255,168)
```
#23ffaf
```
#23ffaf rgb(35,255,175)
```
#36ffb6
```
#36ffb6 rgb(54,255,182)
```
#4affbd
```
#4affbd rgb(74,255,189)
```
#5effc4
```
#5effc4 rgb(94,255,196)
```
#71ffcb
```
#71ffcb rgb(113,255,203)
```
#85ffd2
```
#85ffd2 rgb(133,255,210)
```
#98ffda
```
#98ffda rgb(152,255,218)
```
#acffe1
```
#acffe1 rgb(172,255,225)
```
#c0ffe8
```
#c0ffe8 rgb(192,255,232)
```
#d3ffef
```
#d3ffef rgb(211,255,239)
```
#e7fff6
```
#e7fff6 rgb(231,255,246)
```
#fbfffd
```
#fbfffd rgb(251,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9eaba6 is the less saturated color, while #4affbd is the most saturated one.

#9eaba6
```
#9eaba6 rgb(158,171,166)
```
#97b2a8
```
#97b2a8 rgb(151,178,168)
```
#90b9aa
```
#90b9aa rgb(144,185,170)
```
#89c0ac
```
#89c0ac rgb(137,192,172)
```
#82c7ae
```
#82c7ae rgb(130,199,174)
```
#7bceb0
```
#7bceb0 rgb(123,206,176)
```
#74d5b2
```
#74d5b2 rgb(116,213,178)
```
#6ddcb4
```
#6ddcb4 rgb(109,220,180)
```
#66e3b5
```
#66e3b5 rgb(102,227,181)
```
#5feab7
```
#5feab7 rgb(95,234,183)
```
#58f1b9
```
#58f1b9 rgb(88,241,185)
```
#51f8bb
```
#51f8bb rgb(81,248,187)
```
#4affbd
```
#4affbd rgb(74,255,189)
```

Tone Color Variation

Below, you can see how #4affbd 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
#a9cdc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e3b4 Protanopia 1% of men
#ffddcf Deuteranopia 1% of men
#9ff1ff Tritanopia 0.001% of the population

Trichromacy

#b5edb7 Protanomaly 1% of men, 0.01% of women
#bde9c8 Deuteranomaly 6% of men, 0.4% of women
#80f6e7 Tritanomaly 0.01% of the population

#4affbd hex color

#4affbd Color Information

#4affbd Color Conversion

Color Schemes with #4affbd

Alternatives to #4affbd

#4affbd Preview

Shades and Tints of #4affbd

Tones of #4affbd

Color Blindness Simulator