#9af2f9 hex color

In a RGB color space, hex #9af2f9 is composed of 60.4% red, 94.9% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 38.2% cyan, 2.8% magenta, 0% yellow and 2.4% black. It has a hue angle of 184.4 degrees, a saturation of 88.8% and a lightness of 79%. #9af2f9 color hex could be obtained by blending #ffffff with #35e5f3. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 60
- G 95
- B 98
RGB color chart
- C 38
- M 3
- Y 0
- K 2
CMYK color chart

● #9af2f9 color description : Very soft cyan.

The hexadecimal color #9af2f9 has RGB values of R:154, G:242, B:249 and CMYK values of C:0.38, M:0.03, Y:0, K:0.02. Its decimal value is 10154745.

Hex triplet	9af2f9	`#9af2f9`
RGB Decimal	154, 242, 249	`rgb(154,242,249)`
RGB Percent	60.4, 94.9, 97.6	`rgb(60.4%,94.9%,97.6%)`
CMYK	38, 3, 0, 2
HSL	184.4°, 88.8, 79	`hsl(184.4,88.8%,79%)`
HSV (or HSB)	184.4°, 38.2, 97.6
Web Safe	99ffff	`#99ffff`

CIE-LAB	90.418, -24.666, -11.729
XYZ	62.173, 77.211, 101.244
xyY	0.258, 0.321, 77.211
CIE-LCH	90.418, 27.312, 205.432
CIE-LUV	90.418, -40.744, -14.561
Hunter-Lab	87.87, -27.472, -6.806
Binary	10011010, 11110010, 11111001

#9af2f9
```
#9af2f9 rgb(154,242,249)
```
#f9a19a
```
#f9a19a rgb(249,161,154)
```

Complementary Color

#9af9d1
```
#9af9d1 rgb(154,249,209)
```
#9af2f9
```
#9af2f9 rgb(154,242,249)
```
#9ac3f9
```
#9ac3f9 rgb(154,195,249)
```

Analogous Color

#f9d19a
```
#f9d19a rgb(249,209,154)
```
#9af2f9
```
#9af2f9 rgb(154,242,249)
```
#f99ac3
```
#f99ac3 rgb(249,154,195)
```

Split Complementary Color

#f2f99a
```
#f2f99a rgb(242,249,154)
```
#9af2f9
```
#9af2f9 rgb(154,242,249)
```
#f99af2
```
#f99af2 rgb(249,154,242)
```

Triadic Color

#9af9a1
```
#9af9a1 rgb(154,249,161)
```
#9af2f9
```
#9af2f9 rgb(154,242,249)
```
#f99af2
```
#f99af2 rgb(249,154,242)
```
#f9a19a
```
#f9a19a rgb(249,161,154)
```

Tetradic Color

#52e9f5
```
#52e9f5 rgb(82,233,245)
```
#6aecf6
```
#6aecf6 rgb(106,236,246)
```
#82eff8
```
#82eff8 rgb(130,239,248)
```
#9af2f9
```
#9af2f9 rgb(154,242,249)
```
#b2f5fa
```
#b2f5fa rgb(178,245,250)
```
#caf8fc
```
#caf8fc rgb(202,248,252)
```
#e2fbfd
```
#e2fbfd rgb(226,251,253)
```

Monochromatic Color

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

#9af9e8
```
#9af9e8 rgb(154,249,232)
```
#9af9f0
```
#9af9f0 rgb(154,249,240)
```
#9af9f8
```
#9af9f8 rgb(154,249,248)
```
#9af2f9
```
#9af2f9 rgb(154,242,249)
```
#9aeaf9
```
#9aeaf9 rgb(154,234,249)
```
#9ae2f9
```
#9ae2f9 rgb(154,226,249)
```
#9adaf9
```
#9adaf9 rgb(154,218,249)
```

Similar Colors

Text with hexadecimal color #9af2f9

This text has a font color of #9af2f9.

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

#9af2f9 background color

This paragraph has a background color of #9af2f9.

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

#9af2f9 border color

This element has a border color of #9af2f9.

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

CSS codes

.text {color:#9af2f9;}

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

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

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, #01090a is the darkest color, while #f7fefe is the lightest one.

#01090a
```
#01090a rgb(1,9,10)
```
#021b1d
```
#021b1d rgb(2,27,29)
```
#032c2f
```
#032c2f rgb(3,44,47)
```
#043d42
```
#043d42 rgb(4,61,66)
```
#054e54
```
#054e54 rgb(5,78,84)
```
#066067
```
#066067 rgb(6,96,103)
```
#077179
```
#077179 rgb(7,113,121)
```
#08828c
```
#08828c rgb(8,130,140)
```
#09939e
```
#09939e rgb(9,147,158)
```
#0aa4b1
```
#0aa4b1 rgb(10,164,177)
```
#0cb6c3
```
#0cb6c3 rgb(12,182,195)
```
#0dc7d6
```
#0dc7d6 rgb(13,199,214)
```
#0ed8e8
```
#0ed8e8 rgb(14,216,232)
```

Shade Color Variation

#18e1f1
```
#18e1f1 rgb(24,225,241)
```
#2be4f2
```
#2be4f2 rgb(43,228,242)
```
#3de6f4
```
#3de6f4 rgb(61,230,244)
```
#50e8f5
```
#50e8f5 rgb(80,232,245)
```
#62ebf6
```
#62ebf6 rgb(98,235,246)
```
#75edf7
```
#75edf7 rgb(117,237,247)
```
#87f0f8
```
#87f0f8 rgb(135,240,248)
```
#9af2f9
```
#9af2f9 rgb(154,242,249)
```
#adf4fa
```
#adf4fa rgb(173,244,250)
```
#bff7fb
```
#bff7fb rgb(191,247,251)
```
#d2f9fc
```
#d2f9fc rgb(210,249,252)
```
#e4fcfd
```
#e4fcfd rgb(228,252,253)
```
#f7fefe
```
#f7fefe rgb(247,254,254)
```

Tint Color Variation

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

#c7cbcc
```
#c7cbcc rgb(199,203,204)
```
#c3cfd0
```
#c3cfd0 rgb(195,207,208)
```
#bfd2d4
```
#bfd2d4 rgb(191,210,212)
```
#bbd6d8
```
#bbd6d8 rgb(187,214,216)
```
#b7d9dc
```
#b7d9dc rgb(183,217,220)
```
#b3dde0
```
#b3dde0 rgb(179,221,224)
```
#afe0e4
```
#afe0e4 rgb(175,224,228)
```
#aae4e9
```
#aae4e9 rgb(170,228,233)
```
#a6e7ed
```
#a6e7ed rgb(166,231,237)
```
#a2ebf1
```
#a2ebf1 rgb(162,235,241)
```
#9eeef5
```
#9eeef5 rgb(158,238,245)
```
#9af2f9
```
#9af2f9 rgb(154,242,249)
```
#96f6fd
```
#96f6fd rgb(150,246,253)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#ccdddf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5e3f0 Protanopia 1% of men
#ecdfff Deuteranopia 1% of men
#adefff Tritanopia 0.001% of the population

Trichromacy

#c9e8f3 Protanomaly 1% of men, 0.01% of women
#cee6fc Deuteranomaly 6% of men, 0.4% of women
#a6f0fc Tritanomaly 0.01% of the population

#9af2f9 hex color

#9af2f9 Color Information

#9af2f9 Color Conversion

Color Schemes with #9af2f9

Alternatives to #9af2f9

#9af2f9 Preview

Shades and Tints of #9af2f9

Tones of #9af2f9

Color Blindness Simulator