#006af9 hex color

In a RGB color space, hex #006af9 is composed of 0% red, 41.6% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 57.4% magenta, 0% yellow and 2.4% black. It has a hue angle of 214.5 degrees, a saturation of 100% and a lightness of 48.8%. #006af9 color hex could be obtained by blending #00d4ff with #0000f3. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 0
- G 42
- B 98
RGB color chart
- C 100
- M 57
- Y 0
- K 2
CMYK color chart

● #006af9 color description : Pure (or mostly pure) blue.

The hexadecimal color #006af9 has RGB values of R:0, G:106, B:249 and CMYK values of C:1, M:0.57, Y:0, K:0.02. Its decimal value is 27385.

Hex triplet	006af9	`#006af9`
RGB Decimal	0, 106, 249	`rgb(0,106,249)`
RGB Percent	0, 41.6, 97.6	`rgb(0%,41.6%,97.6%)`
CMYK	100, 57, 0, 2
HSL	214.5°, 100, 48.8	`hsl(214.5,100%,48.8%)`
HSV (or HSB)	214.5°, 100, 97.6
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.443, 30.378, -77.8
XYZ	22.249, 17.146, 91.754
xyY	0.17, 0.131, 17.146
CIE-LCH	48.443, 83.52, 291.329
CIE-LUV	48.443, -23.551, -119.747
Hunter-Lab	41.407, 23.45, -102.395
Binary	00000000, 01101010, 11111001

#006af9
```
#006af9 rgb(0,106,249)
```
#f98f00
```
#f98f00 rgb(249,143,0)
```

Complementary Color

#00e7f9
```
#00e7f9 rgb(0,231,249)
```
#006af9
```
#006af9 rgb(0,106,249)
```
#1200f9
```
#1200f9 rgb(18,0,249)
```

Analogous Color

#e7f900
```
#e7f900 rgb(231,249,0)
```
#006af9
```
#006af9 rgb(0,106,249)
```
#f91200
```
#f91200 rgb(249,18,0)
```

Split Complementary Color

#6af900
```
#6af900 rgb(106,249,0)
```
#006af9
```
#006af9 rgb(0,106,249)
```
#f9006a
```
#f9006a rgb(249,0,106)
```

Triadic Color

#00f98f
```
#00f98f rgb(0,249,143)
```
#006af9
```
#006af9 rgb(0,106,249)
```
#f9006a
```
#f9006a rgb(249,0,106)
```
#f98f00
```
#f98f00 rgb(249,143,0)
```

Tetradic Color

#0049ad
```
#0049ad rgb(0,73,173)
```
#0054c6
```
#0054c6 rgb(0,84,198)
```
#005fe0
```
#005fe0 rgb(0,95,224)
```
#006af9
```
#006af9 rgb(0,106,249)
```
#1478ff
```
#1478ff rgb(20,120,255)
```
#2d86ff
```
#2d86ff rgb(45,134,255)
```
#4795ff
```
#4795ff rgb(71,149,255)
```

Monochromatic Color

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

#00a8f9
```
#00a8f9 rgb(0,168,249)
```
#0094f9
```
#0094f9 rgb(0,148,249)
```
#007ff9
```
#007ff9 rgb(0,127,249)
```
#006af9
```
#006af9 rgb(0,106,249)
```
#0055f9
```
#0055f9 rgb(0,85,249)
```
#0041f9
```
#0041f9 rgb(0,65,249)
```
#002cf9
```
#002cf9 rgb(0,44,249)
```

Similar Colors

Text with hexadecimal color #006af9

This text has a font color of #006af9.

<span style="color:#006af9;">Text here</span>

#006af9 background color

This paragraph has a background color of #006af9.

<p style="background-color:#006af9;">Content here</p>

#006af9 border color

This element has a border color of #006af9.

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

CSS codes

.text {color:#006af9;}

.background {background-color:#006af9;}

.border {border:1px solid #006af9;}

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, #00060e is the darkest color, while #f9fcff is the lightest one.

#00060e
```
#00060e rgb(0,6,14)
```
#000e21
```
#000e21 rgb(0,14,33)
```
#001635
```
#001635 rgb(0,22,53)
```
#001f48
```
#001f48 rgb(0,31,72)
```
#00275c
```
#00275c rgb(0,39,92)
```
#003070
```
#003070 rgb(0,48,112)
```
#003883
```
#003883 rgb(0,56,131)
```
#004097
```
#004097 rgb(0,64,151)
```
#0049ab
```
#0049ab rgb(0,73,171)
```
#0051be
```
#0051be rgb(0,81,190)
```
#0059d2
```
#0059d2 rgb(0,89,210)
```
#0062e5
```
#0062e5 rgb(0,98,229)
```
#006af9
```
#006af9 rgb(0,106,249)
```

Shade Color Variation

#0e74ff
```
#0e74ff rgb(14,116,255)
```
#2180ff
```
#2180ff rgb(33,128,255)
```
#358bff
```
#358bff rgb(53,139,255)
```
#4896ff
```
#4896ff rgb(72,150,255)
```
#5ca1ff
```
#5ca1ff rgb(92,161,255)
```
#70adff
```
#70adff rgb(112,173,255)
```
#83b8ff
```
#83b8ff rgb(131,184,255)
```
#97c3ff
```
#97c3ff rgb(151,195,255)
```
#abceff
```
#abceff rgb(171,206,255)
```
#bedaff
```
#bedaff rgb(190,218,255)
```
#d2e5ff
```
#d2e5ff rgb(210,229,255)
```
#e5f0ff
```
#e5f0ff rgb(229,240,255)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737b86 is the less saturated color, while #006af9 is the most saturated one.

#737b86
```
#737b86 rgb(115,123,134)
```
#697a90
```
#697a90 rgb(105,122,144)
```
#607899
```
#607899 rgb(96,120,153)
```
#5677a3
```
#5677a3 rgb(86,119,163)
```
#4d75ac
```
#4d75ac rgb(77,117,172)
```
#4374b6
```
#4374b6 rgb(67,116,182)
```
#3973c0
```
#3973c0 rgb(57,115,192)
```
#3071c9
```
#3071c9 rgb(48,113,201)
```
#2670d3
```
#2670d3 rgb(38,112,211)
```
#1d6edc
```
#1d6edc rgb(29,110,220)
```
#136de6
```
#136de6 rgb(19,109,230)
```
#0a6bef
```
#0a6bef rgb(10,107,239)
```
#006af9
```
#006af9 rgb(0,106,249)
```

Tone Color Variation

Below, you can see how #006af9 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

#5b5b5b Achromatopsia 0.005% of the population
#495e7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e8 Protanopia 1% of men
#007dca Deuteranopia 1% of men
#00868d Tritanopia 0.001% of the population

Trichromacy

#0072ee Protanomaly 1% of men, 0.01% of women
#0076db Deuteranomaly 6% of men, 0.4% of women
#007cb4 Tritanomaly 0.01% of the population

#006af9 hex color

#006af9 Color Information

#006af9 Color Conversion

Color Schemes with #006af9

Alternatives to #006af9

#006af9 Preview

Shades and Tints of #006af9

Tones of #006af9

Color Blindness Simulator