#000af7 hex color

In a RGB color space, hex #000af7 is composed of 0% red, 3.9% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 96% magenta, 0% yellow and 3.1% black. It has a hue angle of 237.6 degrees, a saturation of 100% and a lightness of 48.4%. #000af7 color hex could be obtained by blending #0014ff with #0000ef. Closest websafe color is: #0000ff.

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

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

The hexadecimal color #000af7 has RGB values of R:0, G:10, B:247 and CMYK values of C:1, M:0.96, Y:0, K:0.03. Its decimal value is 2807.

Hex triplet	000af7	`#000af7`
RGB Decimal	0, 10, 247	`rgb(0,10,247)`
RGB Percent	0, 3.9, 96.9	`rgb(0%,3.9%,96.9%)`
CMYK	100, 96, 0, 3
HSL	237.6°, 100, 48.4	`hsl(237.6,100%,48.4%)`
HSV (or HSB)	237.6°, 100, 96.9
Web Safe	0000ff	`#0000ff`

CIE-LAB	31.65, 75.738, -104.45
XYZ	16.894, 6.931, 88.438
xyY	0.15, 0.062, 6.931
CIE-LCH	31.65, 129.02, 305.946
CIE-LUV	31.65, -9.404, -126.232
Hunter-Lab	26.327, 68.469, -180.739
Binary	00000000, 00001010, 11110111

#000af7
```
#000af7 rgb(0,10,247)
```
#f7ed00
```
#f7ed00 rgb(247,237,0)
```

Complementary Color

#0086f7
```
#0086f7 rgb(0,134,247)
```
#000af7
```
#000af7 rgb(0,10,247)
```
#7200f7
```
#7200f7 rgb(114,0,247)
```

Analogous Color

#86f700
```
#86f700 rgb(134,247,0)
```
#000af7
```
#000af7 rgb(0,10,247)
```
#f77200
```
#f77200 rgb(247,114,0)
```

Split Complementary Color

#0af700
```
#0af700 rgb(10,247,0)
```
#000af7
```
#000af7 rgb(0,10,247)
```
#f7000a
```
#f7000a rgb(247,0,10)
```

Triadic Color

#00f7ed
```
#00f7ed rgb(0,247,237)
```
#000af7
```
#000af7 rgb(0,10,247)
```
#f7000a
```
#f7000a rgb(247,0,10)
```
#f7ed00
```
#f7ed00 rgb(247,237,0)
```

Tetradic Color

#0007ab
```
#0007ab rgb(0,7,171)
```
#0008c4
```
#0008c4 rgb(0,8,196)
```
#0009de
```
#0009de rgb(0,9,222)
```
#000af7
```
#000af7 rgb(0,10,247)
```
#121bff
```
#121bff rgb(18,27,255)
```
#2b34ff
```
#2b34ff rgb(43,52,255)
```
#454cff
```
#454cff rgb(69,76,255)
```

Monochromatic Color

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

#0048f7
```
#0048f7 rgb(0,72,247)
```
#0033f7
```
#0033f7 rgb(0,51,247)
```
#001ff7
```
#001ff7 rgb(0,31,247)
```
#000af7
```
#000af7 rgb(0,10,247)
```
#0b00f7
```
#0b00f7 rgb(11,0,247)
```
#1f00f7
```
#1f00f7 rgb(31,0,247)
```
#3400f7
```
#3400f7 rgb(52,0,247)
```

Similar Colors

Text with hexadecimal color #000af7

This text has a font color of #000af7.

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

#000af7 background color

This paragraph has a background color of #000af7.

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

#000af7 border color

This element has a border color of #000af7.

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

CSS codes

.text {color:#000af7;}

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

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

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

#00000c
```
#00000c rgb(0,0,12)
```
#00011f
```
#00011f rgb(0,1,31)
```
#000233
```
#000233 rgb(0,2,51)
```
#000346
```
#000346 rgb(0,3,70)
```
#00045a
```
#00045a rgb(0,4,90)
```
#00046e
```
#00046e rgb(0,4,110)
```
#000581
```
#000581 rgb(0,5,129)
```
#000695
```
#000695 rgb(0,6,149)
```
#0007a9
```
#0007a9 rgb(0,7,169)
```
#0008bc
```
#0008bc rgb(0,8,188)
```
#0008d0
```
#0008d0 rgb(0,8,208)
```
#0009e3
```
#0009e3 rgb(0,9,227)
```
#000af7
```
#000af7 rgb(0,10,247)
```

Shade Color Variation

#0c15ff
```
#0c15ff rgb(12,21,255)
```
#1f28ff
```
#1f28ff rgb(31,40,255)
```
#333bff
```
#333bff rgb(51,59,255)
```
#464eff
```
#464eff rgb(70,78,255)
```
#5a61ff
```
#5a61ff rgb(90,97,255)
```
#6e74ff
```
#6e74ff rgb(110,116,255)
```
#8186ff
```
#8186ff rgb(129,134,255)
```
#9599ff
```
#9599ff rgb(149,153,255)
```
#a9acff
```
#a9acff rgb(169,172,255)
```
#bcbfff
```
#bcbfff rgb(188,191,255)
```
#d0d2ff
```
#d0d2ff rgb(208,210,255)
```
#e3e5ff
```
#e3e5ff rgb(227,229,255)
```
#f7f7ff
```
#f7f7ff rgb(247,247,255)
```

Tint Color Variation

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

#727385
```
#727385 rgb(114,115,133)
```
#696a8f
```
#696a8f rgb(105,106,143)
```
#5f6198
```
#5f6198 rgb(95,97,152)
```
#5659a2
```
#5659a2 rgb(86,89,162)
```
#4c50ab
```
#4c50ab rgb(76,80,171)
```
#4347b5
```
#4347b5 rgb(67,71,181)
```
#393ebe
```
#393ebe rgb(57,62,190)
```
#3036c8
```
#3036c8 rgb(48,54,200)
```
#262dd1
```
#262dd1 rgb(38,45,209)
```
#1d24db
```
#1d24db rgb(29,36,219)
```
#131be4
```
#131be4 rgb(19,27,228)
```
#0a13ee
```
#0a13ee rgb(10,19,238)
```
#000af7
```
#000af7 rgb(0,10,247)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#1b1d4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519d Protanopia 1% of men
#005687 Deuteranopia 1% of men
#005c5f Tritanopia 0.001% of the population

Trichromacy

#0037be Protanomaly 1% of men, 0.01% of women
#003ab0 Deuteranomaly 6% of men, 0.4% of women
#003e96 Tritanomaly 0.01% of the population

#000af7 hex color

#000af7 Color Information

#000af7 Color Conversion

Color Schemes with #000af7

Alternatives to #000af7

#000af7 Preview

Shades and Tints of #000af7

Tones of #000af7

Color Blindness Simulator