#9af0f1 hex color

In a RGB color space, hex #9af0f1 is composed of 60.4% red, 94.1% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 36.1% cyan, 0.4% magenta, 0% yellow and 5.5% black. It has a hue angle of 180.7 degrees, a saturation of 75.7% and a lightness of 77.5%. #9af0f1 color hex could be obtained by blending #ffffff with #35e1e3. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 60
- G 94
- B 95
RGB color chart
- C 36
- M 0
- Y 0
- K 5
CMYK color chart

● #9af0f1 color description : Very soft cyan.

The hexadecimal color #9af0f1 has RGB values of R:154, G:240, B:241 and CMYK values of C:0.36, M:0, Y:0, K:0.05. Its decimal value is 10154225.

Hex triplet	9af0f1	`#9af0f1`
RGB Decimal	154, 240, 241	`rgb(154,240,241)`
RGB Percent	60.4, 94.1, 94.5	`rgb(60.4%,94.1%,94.5%)`
CMYK	36, 0, 0, 5
HSL	180.7°, 75.7, 77.5	`hsl(180.7,75.7%,77.5%)`
HSV (or HSB)	180.7°, 36.1, 94.5
Web Safe	99ffff	`#99ffff`

CIE-LAB	89.644, -25.591, -8.706
XYZ	60.359, 75.538, 94.614
xyY	0.262, 0.328, 75.538
CIE-LCH	89.644, 27.031, 198.788
CIE-LUV	89.644, -40.094, -9.481
Hunter-Lab	86.913, -28.131, -3.705
Binary	10011010, 11110000, 11110001

#9af0f1
```
#9af0f1 rgb(154,240,241)
```
#f19b9a
```
#f19b9a rgb(241,155,154)
```

Complementary Color

#9af1c7
```
#9af1c7 rgb(154,241,199)
```
#9af0f1
```
#9af0f1 rgb(154,240,241)
```
#9ac5f1
```
#9ac5f1 rgb(154,197,241)
```

Analogous Color

#f1c79a
```
#f1c79a rgb(241,199,154)
```
#9af0f1
```
#9af0f1 rgb(154,240,241)
```
#f19ac5
```
#f19ac5 rgb(241,154,197)
```

Split Complementary Color

#f0f19a
```
#f0f19a rgb(240,241,154)
```
#9af0f1
```
#9af0f1 rgb(154,240,241)
```
#f19af0
```
#f19af0 rgb(241,154,240)
```

Triadic Color

#9af19b
```
#9af19b rgb(154,241,155)
```
#9af0f1
```
#9af0f1 rgb(154,240,241)
```
#f19af0
```
#f19af0 rgb(241,154,240)
```
#f19b9a
```
#f19b9a rgb(241,155,154)
```

Tetradic Color

#57e6e8
```
#57e6e8 rgb(87,230,232)
```
#6de9eb
```
#6de9eb rgb(109,233,235)
```
#84edee
```
#84edee rgb(132,237,238)
```
#9af0f1
```
#9af0f1 rgb(154,240,241)
```
#b0f3f4
```
#b0f3f4 rgb(176,243,244)
```
#c7f7f7
```
#c7f7f7 rgb(199,247,247)
```
#ddfafa
```
#ddfafa rgb(221,250,250)
```

Monochromatic Color

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

#9af1dc
```
#9af1dc rgb(154,241,220)
```
#9af1e4
```
#9af1e4 rgb(154,241,228)
```
#9af1eb
```
#9af1eb rgb(154,241,235)
```
#9af0f1
```
#9af0f1 rgb(154,240,241)
```
#9ae9f1
```
#9ae9f1 rgb(154,233,241)
```
#9ae2f1
```
#9ae2f1 rgb(154,226,241)
```
#9adaf1
```
#9adaf1 rgb(154,218,241)
```

Similar Colors

Text with hexadecimal color #9af0f1

This text has a font color of #9af0f1.

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

#9af0f1 background color

This paragraph has a background color of #9af0f1.

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

#9af0f1 border color

This element has a border color of #9af0f1.

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

CSS codes

.text {color:#9af0f1;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#031314
```
#031314 rgb(3,19,20)
```
#052425
```
#052425 rgb(5,36,37)
```
#073636
```
#073636 rgb(7,54,54)
```
#0a4747
```
#0a4747 rgb(10,71,71)
```
#0c5859
```
#0c5859 rgb(12,88,89)
```
#0f696a
```
#0f696a rgb(15,105,106)
```
#117a7b
```
#117a7b rgb(17,122,123)
```
#138b8c
```
#138b8c rgb(19,139,140)
```
#169c9d
```
#169c9d rgb(22,156,157)
```
#18adaf
```
#18adaf rgb(24,173,175)
```
#1bbec0
```
#1bbec0 rgb(27,190,192)
```
#1dcfd1
```
#1dcfd1 rgb(29,207,209)
```

Shade Color Variation

#21dee0
```
#21dee0 rgb(33,222,224)
```
#33e1e3
```
#33e1e3 rgb(51,225,227)
```
#44e3e5
```
#44e3e5 rgb(68,227,229)
```
#55e6e7
```
#55e6e7 rgb(85,230,231)
```
#66e8ea
```
#66e8ea rgb(102,232,234)
```
#78ebec
```
#78ebec rgb(120,235,236)
```
#89edef
```
#89edef rgb(137,237,239)
```
#9af0f1
```
#9af0f1 rgb(154,240,241)
```
#abf3f3
```
#abf3f3 rgb(171,243,243)
```
#bcf5f6
```
#bcf5f6 rgb(188,245,246)
```
#cef8f8
```
#cef8f8 rgb(206,248,248)
```
#dffafb
```
#dffafb rgb(223,250,251)
```
#f0fdfd
```
#f0fdfd rgb(240,253,253)
```

Tint Color Variation

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

#c2c9c9
```
#c2c9c9 rgb(194,201,201)
```
#bdcdce
```
#bdcdce rgb(189,205,206)
```
#b9d2d2
```
#b9d2d2 rgb(185,210,210)
```
#b5d6d6
```
#b5d6d6 rgb(181,214,214)
```
#b0dadb
```
#b0dadb rgb(176,218,219)
```
#acdfdf
```
#acdfdf rgb(172,223,223)
```
#a7e3e4
```
#a7e3e4 rgb(167,227,228)
```
#a3e7e8
```
#a3e7e8 rgb(163,231,232)
```
#9eeced
```
#9eeced rgb(158,236,237)
```
#9af0f1
```
#9af0f1 rgb(154,240,241)
```
#96f4f5
```
#96f4f5 rgb(150,244,245)
```
#91f9fa
```
#91f9fa rgb(145,249,250)
```
#8dfdfe
```
#8dfdfe rgb(141,253,254)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#cadbdb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4e1e9 Protanopia 1% of men
#edddf8 Deuteranopia 1% of men
#a6eeff Tritanopia 0.001% of the population

Trichromacy

#c9e6ec Protanomaly 1% of men, 0.01% of women
#cfe4f5 Deuteranomaly 6% of men, 0.4% of women
#a1eef9 Tritanomaly 0.01% of the population

#9af0f1 hex color

#9af0f1 Color Information

#9af0f1 Color Conversion

Color Schemes with #9af0f1

Alternatives to #9af0f1

#9af0f1 Preview

Shades and Tints of #9af0f1

Tones of #9af0f1

Color Blindness Simulator