#9afbf0 hex color

In a RGB color space, hex #9afbf0 is composed of 60.4% red, 98.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 38.6% cyan, 0% magenta, 4.4% yellow and 1.6% black. It has a hue angle of 173.2 degrees, a saturation of 92.4% and a lightness of 79.4%. #9afbf0 color hex could be obtained by blending #ffffff with #35f7e1. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 60
- G 98
- B 94
RGB color chart
- C 39
- M 0
- Y 4
- K 2
CMYK color chart

● #9afbf0 color description : Very soft cyan.

The hexadecimal color #9afbf0 has RGB values of R:154, G:251, B:240 and CMYK values of C:0.39, M:0, Y:0.04, K:0.02. Its decimal value is 10157040.

Hex triplet	9afbf0	`#9afbf0`
RGB Decimal	154, 251, 240	`rgb(154,251,240)`
RGB Percent	60.4, 98.4, 94.1	`rgb(60.4%,98.4%,94.1%)`
CMYK	39, 0, 4, 2
HSL	173.2°, 92.4, 79.4	`hsl(173.2,92.4%,79.4%)`
HSV (or HSB)	173.2°, 38.6, 98.4
Web Safe	99ffff	`#99ffff`

CIE-LAB	92.642, -31.075, -3.758
XYZ	63.547, 82.152, 94.942
xyY	0.264, 0.341, 82.152
CIE-LCH	92.642, 31.301, 186.895
CIE-LUV	92.642, -44.593, -0.692
Hunter-Lab	90.638, -33.467, 1.341
Binary	10011010, 11111011, 11110000

#9afbf0
```
#9afbf0 rgb(154,251,240)
```
#fb9aa5
```
#fb9aa5 rgb(251,154,165)
```

Complementary Color

#9afbc0
```
#9afbc0 rgb(154,251,192)
```
#9afbf0
```
#9afbf0 rgb(154,251,240)
```
#9ad6fb
```
#9ad6fb rgb(154,214,251)
```

Analogous Color

#fbc09a
```
#fbc09a rgb(251,192,154)
```
#9afbf0
```
#9afbf0 rgb(154,251,240)
```
#fb9ad6
```
#fb9ad6 rgb(251,154,214)
```

Split Complementary Color

#fbf09a
```
#fbf09a rgb(251,240,154)
```
#9afbf0
```
#9afbf0 rgb(154,251,240)
```
#f09afb
```
#f09afb rgb(240,154,251)
```

Triadic Color

#a5fb9a
```
#a5fb9a rgb(165,251,154)
```
#9afbf0
```
#9afbf0 rgb(154,251,240)
```
#f09afb
```
#f09afb rgb(240,154,251)
```
#fb9aa5
```
#fb9aa5 rgb(251,154,165)
```

Tetradic Color

#50f8e5
```
#50f8e5 rgb(80,248,229)
```
#69f9e9
```
#69f9e9 rgb(105,249,233)
```
#81faec
```
#81faec rgb(129,250,236)
```
#9afbf0
```
#9afbf0 rgb(154,251,240)
```
#b3fcf4
```
#b3fcf4 rgb(179,252,244)
```
#cbfdf7
```
#cbfdf7 rgb(203,253,247)
```
#e4fefb
```
#e4fefb rgb(228,254,251)
```

Monochromatic Color

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

#9afbd8
```
#9afbd8 rgb(154,251,216)
```
#9afbe0
```
#9afbe0 rgb(154,251,224)
```
#9afbe8
```
#9afbe8 rgb(154,251,232)
```
#9afbf0
```
#9afbf0 rgb(154,251,240)
```
#9afbf8
```
#9afbf8 rgb(154,251,248)
```
#9af6fb
```
#9af6fb rgb(154,246,251)
```
#9aeefb
```
#9aeefb rgb(154,238,251)
```

Similar Colors

Text with hexadecimal color #9afbf0

This text has a font color of #9afbf0.

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

#9afbf0 background color

This paragraph has a background color of #9afbf0.

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

#9afbf0 border color

This element has a border color of #9afbf0.

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

CSS codes

.text {color:#9afbf0;}

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

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

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

#000c0b
```
#000c0b rgb(0,12,11)
```
#011f1c
```
#011f1c rgb(1,31,28)
```
#02322d
```
#02322d rgb(2,50,45)
```
#03453d
```
#03453d rgb(3,69,61)
```
#03584e
```
#03584e rgb(3,88,78)
```
#046b5f
```
#046b5f rgb(4,107,95)
```
#057d70
```
#057d70 rgb(5,125,112)
```
#069081
```
#069081 rgb(6,144,129)
```
#06a391
```
#06a391 rgb(6,163,145)
```
#07b6a2
```
#07b6a2 rgb(7,182,162)
```
#08c9b3
```
#08c9b3 rgb(8,201,179)
```
#09dcc4
```
#09dcc4 rgb(9,220,196)
```
#09efd5
```
#09efd5 rgb(9,239,213)
```

Shade Color Variation

#16f6dc
```
#16f6dc rgb(22,246,220)
```
#29f7df
```
#29f7df rgb(41,247,223)
```
#3cf7e2
```
#3cf7e2 rgb(60,247,226)
```
#4ff8e5
```
#4ff8e5 rgb(79,248,229)
```
#61f9e8
```
#61f9e8 rgb(97,249,232)
```
#74faea
```
#74faea rgb(116,250,234)
```
#87faed
```
#87faed rgb(135,250,237)
```
#9afbf0
```
#9afbf0 rgb(154,251,240)
```
#adfcf3
```
#adfcf3 rgb(173,252,243)
```
#c0fcf6
```
#c0fcf6 rgb(192,252,246)
```
#d3fdf8
```
#d3fdf8 rgb(211,253,248)
```
#e5fefb
```
#e5fefb rgb(229,254,251)
```
#f8fffe
```
#f8fffe rgb(248,255,254)
```

Tint Color Variation

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

#cacbcb
```
#cacbcb rgb(202,203,203)
```
#c6cfce
```
#c6cfce rgb(198,207,206)
```
#c2d3d1
```
#c2d3d1 rgb(194,211,209)
```
#bed7d4
```
#bed7d4 rgb(190,215,212)
```
#badbd7
```
#badbd7 rgb(186,219,215)
```
#b6dfda
```
#b6dfda rgb(182,223,218)
```
#b2e3dd
```
#b2e3dd rgb(178,227,221)
```
#aee7e0
```
#aee7e0 rgb(174,231,224)
```
#aaebe4
```
#aaebe4 rgb(170,235,228)
```
#a6efe7
```
#a6efe7 rgb(166,239,231)
```
#a2f3ea
```
#a2f3ea rgb(162,243,234)
```
#9ef7ed
```
#9ef7ed rgb(158,247,237)
```
#9afbf0
```
#9afbf0 rgb(154,251,240)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#d0e3e1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efe9e7 Protanopia 1% of men
#fae4f8 Deuteranopia 1% of men
#c3f3ff Tritanopia 0.001% of the population

Trichromacy

#d0f0ea Protanomaly 1% of men, 0.01% of women
#d7ecf5 Deuteranomaly 6% of men, 0.4% of women
#b4f5f9 Tritanomaly 0.01% of the population

#9afbf0 hex color

#9afbf0 Color Information

#9afbf0 Color Conversion

Color Schemes with #9afbf0

Alternatives to #9afbf0

#9afbf0 Preview

Shades and Tints of #9afbf0

Tones of #9afbf0

Color Blindness Simulator