#009af0 hex color

In a RGB color space, hex #009af0 is composed of 0% red, 60.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 35.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 201.5 degrees, a saturation of 100% and a lightness of 47.1%. #009af0 color hex could be obtained by blending #00ffff with #0035e1. Closest websafe color is: #0099ff.

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

● #009af0 color description : Pure (or mostly pure) blue.

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

Hex triplet	009af0	`#009af0`
RGB Decimal	0, 154, 240	`rgb(0,154,240)`
RGB Percent	0, 60.4, 94.1	`rgb(0%,60.4%,94.1%)`
CMYK	100, 36, 0, 6
HSL	201.5°, 100, 47.1	`hsl(201.5,100%,47.1%)`
HSV (or HSB)	201.5°, 100, 94.1
Web Safe	0099ff	`#0099ff`

CIE-LAB	61.133, -2.653, -52.365
XYZ	27.28, 29.4, 86.67
xyY	0.19, 0.205, 29.4
CIE-LCH	61.133, 52.433, 267.099
CIE-LUV	61.133, -38.154, -83.463
Hunter-Lab	54.222, -5.081, -56.817
Binary	00000000, 10011010, 11110000

#009af0
```
#009af0 rgb(0,154,240)
```
#f05600
```
#f05600 rgb(240,86,0)
```

Complementary Color

#00f0ce
```
#00f0ce rgb(0,240,206)
```
#009af0
```
#009af0 rgb(0,154,240)
```
#0022f0
```
#0022f0 rgb(0,34,240)
```

Analogous Color

#f0ce00
```
#f0ce00 rgb(240,206,0)
```
#009af0
```
#009af0 rgb(0,154,240)
```
#f00022
```
#f00022 rgb(240,0,34)
```

Split Complementary Color

#9af000
```
#9af000 rgb(154,240,0)
```
#009af0
```
#009af0 rgb(0,154,240)
```
#f0009a
```
#f0009a rgb(240,0,154)
```

Triadic Color

#00f056
```
#00f056 rgb(0,240,86)
```
#009af0
```
#009af0 rgb(0,154,240)
```
#f0009a
```
#f0009a rgb(240,0,154)
```
#f05600
```
#f05600 rgb(240,86,0)
```

Tetradic Color

#0069a4
```
#0069a4 rgb(0,105,164)
```
#0079bd
```
#0079bd rgb(0,121,189)
```
#008ad7
```
#008ad7 rgb(0,138,215)
```
#009af0
```
#009af0 rgb(0,154,240)
```
#0ba7ff
```
#0ba7ff rgb(11,167,255)
```
#24b1ff
```
#24b1ff rgb(36,177,255)
```
#3ebaff
```
#3ebaff rgb(62,186,255)
```

Monochromatic Color

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

#00d6f0
```
#00d6f0 rgb(0,214,240)
```
#00c2f0
```
#00c2f0 rgb(0,194,240)
```
#00aef0
```
#00aef0 rgb(0,174,240)
```
#009af0
```
#009af0 rgb(0,154,240)
```
#0086f0
```
#0086f0 rgb(0,134,240)
```
#0072f0
```
#0072f0 rgb(0,114,240)
```
#005ef0
```
#005ef0 rgb(0,94,240)
```

Similar Colors

Text with hexadecimal color #009af0

This text has a font color of #009af0.

<span style="color:#009af0;">Text here</span>

#009af0 background color

This paragraph has a background color of #009af0.

<p style="background-color:#009af0;">Content here</p>

#009af0 border color

This element has a border color of #009af0.

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

CSS codes

.text {color:#009af0;}

.background {background-color:#009af0;}

.border {border:1px solid #009af0;}

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

#000305
```
#000305 rgb(0,3,5)
```
#001018
```
#001018 rgb(0,16,24)
```
#001c2c
```
#001c2c rgb(0,28,44)
```
#00293f
```
#00293f rgb(0,41,63)
```
#003553
```
#003553 rgb(0,53,83)
```
#004267
```
#004267 rgb(0,66,103)
```
#004e7a
```
#004e7a rgb(0,78,122)
```
#005b8e
```
#005b8e rgb(0,91,142)
```
#0068a2
```
#0068a2 rgb(0,104,162)
```
#0074b5
```
#0074b5 rgb(0,116,181)
```
#0081c9
```
#0081c9 rgb(0,129,201)
```
#008ddc
```
#008ddc rgb(0,141,220)
```
#009af0
```
#009af0 rgb(0,154,240)
```

Shade Color Variation

#05a5ff
```
#05a5ff rgb(5,165,255)
```
#18acff
```
#18acff rgb(24,172,255)
```
#2cb3ff
```
#2cb3ff rgb(44,179,255)
```
#3fbaff
```
#3fbaff rgb(63,186,255)
```
#53c1ff
```
#53c1ff rgb(83,193,255)
```
#67c8ff
```
#67c8ff rgb(103,200,255)
```
#7acfff
```
#7acfff rgb(122,207,255)
```
#8ed6ff
```
#8ed6ff rgb(142,214,255)
```
#a2deff
```
#a2deff rgb(162,222,255)
```
#b5e5ff
```
#b5e5ff rgb(181,229,255)
```
#c9ecff
```
#c9ecff rgb(201,236,255)
```
#dcf3ff
```
#dcf3ff rgb(220,243,255)
```
#f0faff
```
#f0faff rgb(240,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7b81 is the less saturated color, while #009af0 is the most saturated one.

#6f7b81
```
#6f7b81 rgb(111,123,129)
```
#667d8a
```
#667d8a rgb(102,125,138)
```
#5c8094
```
#5c8094 rgb(92,128,148)
```
#53829d
```
#53829d rgb(83,130,157)
```
#4a85a6
```
#4a85a6 rgb(74,133,166)
```
#4188af
```
#4188af rgb(65,136,175)
```
#378ab9
```
#378ab9 rgb(55,138,185)
```
#2e8dc2
```
#2e8dc2 rgb(46,141,194)
```
#2590cb
```
#2590cb rgb(37,144,203)
```
#1c92d4
```
#1c92d4 rgb(28,146,212)
```
#1295de
```
#1295de rgb(18,149,222)
```
#0997e7
```
#0997e7 rgb(9,151,231)
```
#009af0
```
#009af0 rgb(0,154,240)
```

Tone Color Variation

Below, you can see how #009af0 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

#767676 Achromatopsia 0.005% of the population
#5e7d8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7696e9 Protanopia 1% of men
#569af3 Deuteranopia 1% of men
#00a8b2 Tritanopia 0.001% of the population

Trichromacy

#4b97ec Protanomaly 1% of men, 0.01% of women
#379af1 Deuteranomaly 6% of men, 0.4% of women
#00a3c8 Tritanomaly 0.01% of the population

#009af0 hex color

#009af0 Color Information

#009af0 Color Conversion

Color Schemes with #009af0

Alternatives to #009af0

#009af0 Preview

Shades and Tints of #009af0

Tones of #009af0

Color Blindness Simulator