#9af5f5 hex color

In a RGB color space, hex #9af5f5 is composed of 60.4% red, 96.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 37.1% cyan, 0% magenta, 0% yellow and 3.9% black. It has a hue angle of 180 degrees, a saturation of 82% and a lightness of 78.2%. #9af5f5 color hex could be obtained by blending #ffffff with #35ebeb. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 60
- G 96
- B 96
RGB color chart
- C 37
- M 0
- Y 0
- K 4
CMYK color chart

● #9af5f5 color description : Very soft cyan.

The hexadecimal color #9af5f5 has RGB values of R:154, G:245, B:245 and CMYK values of C:0.37, M:0, Y:0, K:0.04. Its decimal value is 10155509.

Hex triplet	9af5f5	`#9af5f5`
RGB Decimal	154, 245, 245	`rgb(154,245,245)`
RGB Percent	60.4, 96.1, 96.1	`rgb(60.4%,96.1%,96.1%)`
CMYK	37, 0, 0, 4
HSL	180°, 82, 78.2	`hsl(180,82%,78.2%)`
HSV (or HSB)	180°, 37.1, 96.1
Web Safe	99ffff	`#99ffff`

CIE-LAB	91.127, -27.064, -8.591
XYZ	62.456, 78.764, 98.293
xyY	0.261, 0.329, 78.764
CIE-LCH	91.127, 28.395, 197.611
CIE-LUV	91.127, -42.043, -9.082
Hunter-Lab	88.749, -29.694, -3.542
Binary	10011010, 11110101, 11110101

#9af5f5
```
#9af5f5 rgb(154,245,245)
```
#f59a9a
```
#f59a9a rgb(245,154,154)
```

Complementary Color

#9af5c8
```
#9af5c8 rgb(154,245,200)
```
#9af5f5
```
#9af5f5 rgb(154,245,245)
```
#9ac8f5
```
#9ac8f5 rgb(154,200,245)
```

Analogous Color

#f5c89a
```
#f5c89a rgb(245,200,154)
```
#9af5f5
```
#9af5f5 rgb(154,245,245)
```
#f59ac8
```
#f59ac8 rgb(245,154,200)
```

Split Complementary Color

#f5f59a
```
#f5f59a rgb(245,245,154)
```
#9af5f5
```
#9af5f5 rgb(154,245,245)
```
#f59af5
```
#f59af5 rgb(245,154,245)
```

Triadic Color

#9af59a
```
#9af59a rgb(154,245,154)
```
#9af5f5
```
#9af5f5 rgb(154,245,245)
```
#f59af5
```
#f59af5 rgb(245,154,245)
```
#f59a9a
```
#f59a9a rgb(245,154,154)
```

Tetradic Color

#54eeee
```
#54eeee rgb(84,238,238)
```
#6cf0f0
```
#6cf0f0 rgb(108,240,240)
```
#83f3f3
```
#83f3f3 rgb(131,243,243)
```
#9af5f5
```
#9af5f5 rgb(154,245,245)
```
#b1f7f7
```
#b1f7f7 rgb(177,247,247)
```
#c8fafa
```
#c8fafa rgb(200,250,250)
```
#e0fcfc
```
#e0fcfc rgb(224,252,252)
```

Monochromatic Color

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

#9af5de
```
#9af5de rgb(154,245,222)
```
#9af5e6
```
#9af5e6 rgb(154,245,230)
```
#9af5ed
```
#9af5ed rgb(154,245,237)
```
#9af5f5
```
#9af5f5 rgb(154,245,245)
```
#9aedf5
```
#9aedf5 rgb(154,237,245)
```
#9ae6f5
```
#9ae6f5 rgb(154,230,245)
```
#9adef5
```
#9adef5 rgb(154,222,245)
```

Similar Colors

Text with hexadecimal color #9af5f5

This text has a font color of #9af5f5.

<span style="color:#9af5f5;">Text here</span>

#9af5f5 background color

This paragraph has a background color of #9af5f5.

<p style="background-color:#9af5f5;">Content here</p>

#9af5f5 border color

This element has a border color of #9af5f5.

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

CSS codes

.text {color:#9af5f5;}

.background {background-color:#9af5f5;}

.border {border:1px solid #9af5f5;}

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

#010606
```
#010606 rgb(1,6,6)
```
#021818
```
#021818 rgb(2,24,24)
```
#042a2a
```
#042a2a rgb(4,42,42)
```
#063c3c
```
#063c3c rgb(6,60,60)
```
#084d4d
```
#084d4d rgb(8,77,77)
```
#095f5f
```
#095f5f rgb(9,95,95)
```
#0b7171
```
#0b7171 rgb(11,113,113)
```
#0d8383
```
#0d8383 rgb(13,131,131)
```
#0f9595
```
#0f9595 rgb(15,149,149)
```
#11a7a7
```
#11a7a7 rgb(17,167,167)
```
#12b9b9
```
#12b9b9 rgb(18,185,185)
```
#14caca
```
#14caca rgb(20,202,202)
```
#16dcdc
```
#16dcdc rgb(22,220,220)
```

Shade Color Variation

#1de9e9
```
#1de9e9 rgb(29,233,233)
```
#2feaea
```
#2feaea rgb(47,234,234)
```
#41ecec
```
#41ecec rgb(65,236,236)
```
#53eeee
```
#53eeee rgb(83,238,238)
```
#64f0f0
```
#64f0f0 rgb(100,240,240)
```
#76f1f1
```
#76f1f1 rgb(118,241,241)
```
#88f3f3
```
#88f3f3 rgb(136,243,243)
```
#9af5f5
```
#9af5f5 rgb(154,245,245)
```
#acf7f7
```
#acf7f7 rgb(172,247,247)
```
#bef9f9
```
#bef9f9 rgb(190,249,249)
```
#d0fafa
```
#d0fafa rgb(208,250,250)
```
#e1fcfc
```
#e1fcfc rgb(225,252,252)
```
#f3fefe
```
#f3fefe rgb(243,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #c5caca is the less saturated color, while #91fefe is the most saturated one.

#c5caca
```
#c5caca rgb(197,202,202)
```
#c0cfcf
```
#c0cfcf rgb(192,207,207)
```
#bcd3d3
```
#bcd3d3 rgb(188,211,211)
```
#b8d7d7
```
#b8d7d7 rgb(184,215,215)
```
#b4dbdb
```
#b4dbdb rgb(180,219,219)
```
#afe0e0
```
#afe0e0 rgb(175,224,224)
```
#abe4e4
```
#abe4e4 rgb(171,228,228)
```
#a7e8e8
```
#a7e8e8 rgb(167,232,232)
```
#a3ecec
```
#a3ecec rgb(163,236,236)
```
#9ef1f1
```
#9ef1f1 rgb(158,241,241)
```
#9af5f5
```
#9af5f5 rgb(154,245,245)
```
#96f9f9
```
#96f9f9 rgb(150,249,249)
```
#91fefe
```
#91fefe rgb(145,254,254)
```

Tone Color Variation

Below, you can see how #9af5f5 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

#dadada Achromatopsia 0.005% of the population
#cddfdf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8e5ec Protanopia 1% of men
#f1e1fc Deuteranopia 1% of men
#b4f0ff Tritanopia 0.001% of the population

Trichromacy

#ccebef Protanomaly 1% of men, 0.01% of women
#d1e8f9 Deuteranomaly 6% of men, 0.4% of women
#abf2fb Tritanomaly 0.01% of the population

#9af5f5 hex color

#9af5f5 Color Information

#9af5f5 Color Conversion

Color Schemes with #9af5f5

Alternatives to #9af5f5

#9af5f5 Preview

Shades and Tints of #9af5f5

Tones of #9af5f5

Color Blindness Simulator