#008af7 hex color

In a RGB color space, hex #008af7 is composed of 0% red, 54.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 44.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 206.5 degrees, a saturation of 100% and a lightness of 48.4%. #008af7 color hex could be obtained by blending #00ffff with #0015ef. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 0
- G 54
- B 97
RGB color chart
- C 100
- M 44
- Y 0
- K 3
CMYK color chart

● #008af7 color description : Pure (or mostly pure) blue.

The hexadecimal color #008af7 has RGB values of R:0, G:138, B:247 and CMYK values of C:1, M:0.44, Y:0, K:0.03. Its decimal value is 35575.

Hex triplet	008af7	`#008af7`
RGB Decimal	0, 138, 247	`rgb(0,138,247)`
RGB Percent	0, 54.1, 96.9	`rgb(0%,54.1%,96.9%)`
CMYK	100, 44, 0, 3
HSL	206.5°, 100, 48.4	`hsl(206.5,100%,48.4%)`
HSV (or HSB)	206.5°, 100, 96.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	56.968, 9.529, -62.88
XYZ	25.873, 24.89, 91.431
xyY	0.182, 0.175, 24.89
CIE-LCH	56.968, 63.598, 278.617
CIE-LUV	56.968, -32.719, -100.526
Hunter-Lab	49.89, 5.264, -73.736
Binary	00000000, 10001010, 11110111

#008af7
```
#008af7 rgb(0,138,247)
```
#f76d00
```
#f76d00 rgb(247,109,0)
```

Complementary Color

#00f7e9
```
#00f7e9 rgb(0,247,233)
```
#008af7
```
#008af7 rgb(0,138,247)
```
#000ff7
```
#000ff7 rgb(0,15,247)
```

Analogous Color

#f7e900
```
#f7e900 rgb(247,233,0)
```
#008af7
```
#008af7 rgb(0,138,247)
```
#f7000f
```
#f7000f rgb(247,0,15)
```

Split Complementary Color

#8af700
```
#8af700 rgb(138,247,0)
```
#008af7
```
#008af7 rgb(0,138,247)
```
#f7008a
```
#f7008a rgb(247,0,138)
```

Triadic Color

#00f76d
```
#00f76d rgb(0,247,109)
```
#008af7
```
#008af7 rgb(0,138,247)
```
#f7008a
```
#f7008a rgb(247,0,138)
```
#f76d00
```
#f76d00 rgb(247,109,0)
```

Tetradic Color

#005fab
```
#005fab rgb(0,95,171)
```
#006ec4
```
#006ec4 rgb(0,110,196)
```
#007cde
```
#007cde rgb(0,124,222)
```
#008af7
```
#008af7 rgb(0,138,247)
```
#1296ff
```
#1296ff rgb(18,150,255)
```
#2ba1ff
```
#2ba1ff rgb(43,161,255)
```
#45adff
```
#45adff rgb(69,173,255)
```

Monochromatic Color

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

#00c8f7
```
#00c8f7 rgb(0,200,247)
```
#00b3f7
```
#00b3f7 rgb(0,179,247)
```
#009ff7
```
#009ff7 rgb(0,159,247)
```
#008af7
```
#008af7 rgb(0,138,247)
```
#0075f7
```
#0075f7 rgb(0,117,247)
```
#0061f7
```
#0061f7 rgb(0,97,247)
```
#004cf7
```
#004cf7 rgb(0,76,247)
```

Similar Colors

Text with hexadecimal color #008af7

This text has a font color of #008af7.

<span style="color:#008af7;">Text here</span>

#008af7 background color

This paragraph has a background color of #008af7.

<p style="background-color:#008af7;">Content here</p>

#008af7 border color

This element has a border color of #008af7.

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

CSS codes

.text {color:#008af7;}

.background {background-color:#008af7;}

.border {border:1px solid #008af7;}

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

#00060c
```
#00060c rgb(0,6,12)
```
#00111f
```
#00111f rgb(0,17,31)
```
#001c33
```
#001c33 rgb(0,28,51)
```
#002746
```
#002746 rgb(0,39,70)
```
#00325a
```
#00325a rgb(0,50,90)
```
#003d6e
```
#003d6e rgb(0,61,110)
```
#004881
```
#004881 rgb(0,72,129)
```
#005395
```
#005395 rgb(0,83,149)
```
#005ea9
```
#005ea9 rgb(0,94,169)
```
#0069bc
```
#0069bc rgb(0,105,188)
```
#0074d0
```
#0074d0 rgb(0,116,208)
```
#007fe3
```
#007fe3 rgb(0,127,227)
```
#008af7
```
#008af7 rgb(0,138,247)
```

Shade Color Variation

#0c94ff
```
#0c94ff rgb(12,148,255)
```
#1f9cff
```
#1f9cff rgb(31,156,255)
```
#33a5ff
```
#33a5ff rgb(51,165,255)
```
#46aeff
```
#46aeff rgb(70,174,255)
```
#5ab6ff
```
#5ab6ff rgb(90,182,255)
```
#6ebfff
```
#6ebfff rgb(110,191,255)
```
#81c8ff
```
#81c8ff rgb(129,200,255)
```
#95d0ff
```
#95d0ff rgb(149,208,255)
```
#a9d9ff
```
#a9d9ff rgb(169,217,255)
```
#bce2ff
```
#bce2ff rgb(188,226,255)
```
#d0eaff
```
#d0eaff rgb(208,234,255)
```
#e3f3ff
```
#e3f3ff rgb(227,243,255)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727d85 is the less saturated color, while #008af7 is the most saturated one.

#727d85
```
#727d85 rgb(114,125,133)
```
#697e8f
```
#697e8f rgb(105,126,143)
```
#5f7f98
```
#5f7f98 rgb(95,127,152)
```
#5680a2
```
#5680a2 rgb(86,128,162)
```
#4c81ab
```
#4c81ab rgb(76,129,171)
```
#4382b5
```
#4382b5 rgb(67,130,181)
```
#3983be
```
#3983be rgb(57,131,190)
```
#3084c8
```
#3084c8 rgb(48,132,200)
```
#2686d1
```
#2686d1 rgb(38,134,209)
```
#1d87db
```
#1d87db rgb(29,135,219)
```
#1388e4
```
#1388e4 rgb(19,136,228)
```
#0a89ee
```
#0a89ee rgb(10,137,238)
```
#008af7
```
#008af7 rgb(0,138,247)
```

Tone Color Variation

Below, you can see how #008af7 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

#6d6d6d Achromatopsia 0.005% of the population
#577389 Atypical Achromatopsia 0.001% of the population

Dichromacy

#578bf3 Protanopia 1% of men
#0091f1 Deuteranopia 1% of men
#009ca6 Tritanopia 0.001% of the population

Trichromacy

#378af4 Protanomaly 1% of men, 0.01% of women
#008ef3 Deuteranomaly 6% of men, 0.4% of women
#0096c3 Tritanomaly 0.01% of the population

#008af7 hex color

#008af7 Color Information

#008af7 Color Conversion

Color Schemes with #008af7

Alternatives to #008af7

#008af7 Preview

Shades and Tints of #008af7

Tones of #008af7

Color Blindness Simulator