#9af0f0 hex color

In a RGB color space, hex #9af0f0 is composed of 60.4% red, 94.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 35.8% cyan, 0% magenta, 0% yellow and 5.9% black. It has a hue angle of 180 degrees, a saturation of 74.1% and a lightness of 77.3%. #9af0f0 color hex could be obtained by blending #ffffff with #35e1e1. Closest websafe color is: #99ffff.

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

● #9af0f0 color description : Very soft cyan.

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

Hex triplet	9af0f0	`#9af0f0`
RGB Decimal	154, 240, 240	`rgb(154,240,240)`
RGB Percent	60.4, 94.1, 94.1	`rgb(60.4%,94.1%,94.1%)`
CMYK	36, 0, 0, 6
HSL	180°, 74.1, 77.3	`hsl(180,74.1%,77.3%)`
HSV (or HSB)	180°, 35.8, 94.1
Web Safe	99ffff	`#99ffff`

CIE-LAB	89.617, -25.825, -8.225
XYZ	60.21, 75.478, 93.829
xyY	0.262, 0.329, 75.478
CIE-LCH	89.617, 27.103, 197.666
CIE-LUV	89.617, -40.114, -8.666
Hunter-Lab	86.878, -28.329, -3.219
Binary	10011010, 11110000, 11110000

#9af0f0
```
#9af0f0 rgb(154,240,240)
```
#f09a9a
```
#f09a9a rgb(240,154,154)
```

Complementary Color

#9af0c5
```
#9af0c5 rgb(154,240,197)
```
#9af0f0
```
#9af0f0 rgb(154,240,240)
```
#9ac5f0
```
#9ac5f0 rgb(154,197,240)
```

Analogous Color

#f0c59a
```
#f0c59a rgb(240,197,154)
```
#9af0f0
```
#9af0f0 rgb(154,240,240)
```
#f09ac5
```
#f09ac5 rgb(240,154,197)
```

Split Complementary Color

#f0f09a
```
#f0f09a rgb(240,240,154)
```
#9af0f0
```
#9af0f0 rgb(154,240,240)
```
#f09af0
```
#f09af0 rgb(240,154,240)
```

Triadic Color

#9af09a
```
#9af09a rgb(154,240,154)
```
#9af0f0
```
#9af0f0 rgb(154,240,240)
```
#f09af0
```
#f09af0 rgb(240,154,240)
```
#f09a9a
```
#f09a9a rgb(240,154,154)
```

Tetradic Color

#57e6e6
```
#57e6e6 rgb(87,230,230)
```
#6ee9e9
```
#6ee9e9 rgb(110,233,233)
```
#84eded
```
#84eded rgb(132,237,237)
```
#9af0f0
```
#9af0f0 rgb(154,240,240)
```
#b0f3f3
```
#b0f3f3 rgb(176,243,243)
```
#c6f7f7
```
#c6f7f7 rgb(198,247,247)
```
#ddfafa
```
#ddfafa rgb(221,250,250)
```

Monochromatic Color

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

#9af0db
```
#9af0db rgb(154,240,219)
```
#9af0e2
```
#9af0e2 rgb(154,240,226)
```
#9af0e9
```
#9af0e9 rgb(154,240,233)
```
#9af0f0
```
#9af0f0 rgb(154,240,240)
```
#9ae9f0
```
#9ae9f0 rgb(154,233,240)
```
#9ae2f0
```
#9ae2f0 rgb(154,226,240)
```
#9adbf0
```
#9adbf0 rgb(154,219,240)
```

Similar Colors

Text with hexadecimal color #9af0f0

This text has a font color of #9af0f0.

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

#9af0f0 background color

This paragraph has a background color of #9af0f0.

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

#9af0f0 border color

This element has a border color of #9af0f0.

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

CSS codes

.text {color:#9af0f0;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#031313
```
#031313 rgb(3,19,19)
```
#052424
```
#052424 rgb(5,36,36)
```
#083535
```
#083535 rgb(8,53,53)
```
#0a4646
```
#0a4646 rgb(10,70,70)
```
#0d5757
```
#0d5757 rgb(13,87,87)
```
#0f6868
```
#0f6868 rgb(15,104,104)
```
#127979
```
#127979 rgb(18,121,121)
```
#158a8a
```
#158a8a rgb(21,138,138)
```
#179b9b
```
#179b9b rgb(23,155,155)
```
#1aacac
```
#1aacac rgb(26,172,172)
```
#1cbdbd
```
#1cbdbd rgb(28,189,189)
```
#1fcece
```
#1fcece rgb(31,206,206)
```

Shade Color Variation

#22dede
```
#22dede rgb(34,222,222)
```
#34e1e1
```
#34e1e1 rgb(52,225,225)
```
#45e3e3
```
#45e3e3 rgb(69,227,227)
```
#56e6e6
```
#56e6e6 rgb(86,230,230)
```
#67e8e8
```
#67e8e8 rgb(103,232,232)
```
#78ebeb
```
#78ebeb rgb(120,235,235)
```
#89eded
```
#89eded rgb(137,237,237)
```
#9af0f0
```
#9af0f0 rgb(154,240,240)
```
#abf3f3
```
#abf3f3 rgb(171,243,243)
```
#bcf5f5
```
#bcf5f5 rgb(188,245,245)
```
#cdf8f8
```
#cdf8f8 rgb(205,248,248)
```
#defafa
```
#defafa rgb(222,250,250)
```
#effdfd
```
#effdfd rgb(239,253,253)
```

Tint Color Variation

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

#c2c8c8
```
#c2c8c8 rgb(194,200,200)
```
#becccc
```
#becccc rgb(190,204,204)
```
#b9d1d1
```
#b9d1d1 rgb(185,209,209)
```
#b5d5d5
```
#b5d5d5 rgb(181,213,213)
```
#b0dada
```
#b0dada rgb(176,218,218)
```
#acdede
```
#acdede rgb(172,222,222)
```
#a7e3e3
```
#a7e3e3 rgb(167,227,227)
```
#a3e7e7
```
#a3e7e7 rgb(163,231,231)
```
#9eecec
```
#9eecec rgb(158,236,236)
```
#9af0f0
```
#9af0f0 rgb(154,240,240)
```
#96f4f4
```
#96f4f4 rgb(150,244,244)
```
#91f9f9
```
#91f9f9 rgb(145,249,249)
```
#8dfdfd
```
#8dfdfd rgb(141,253,253)
```

Tone Color Variation

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

#e4e1e8 Protanopia 1% of men
#edddf7 Deuteranopia 1% of men
#a6eeff Tritanopia 0.001% of the population

Trichromacy

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

#9af0f0 hex color

#9af0f0 Color Information

#9af0f0 Color Conversion

Color Schemes with #9af0f0

Alternatives to #9af0f0

#9af0f0 Preview

Shades and Tints of #9af0f0

Tones of #9af0f0

Color Blindness Simulator