colorhexa.com

#001af3 hex color

In a RGB color space, hex #001af3 is composed of 0% red, 10.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 89.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 233.6 degrees, a saturation of 100% and a lightness of 47.6%. #001af3 color hex could be obtained by blending #0034ff with #0000e7. Closest websafe color is: #0033ff.

- R 0
- G 10
- B 95
RGB color chart
- C 100
- M 89
- Y 0
- K 5
CMYK color chart

● #001af3 color description : Pure (or mostly pure) blue.

The hexadecimal color #001af3 has RGB values of R:0, G:26, B:243 and CMYK values of C:1, M:0.89, Y:0, K:0.05. Its decimal value is 6899.

Hex triplet	001af3	`#001af3`
RGB Decimal	0, 26, 243	`rgb(0,26,243)`
RGB Percent	0, 10.2, 95.3	`rgb(0%,10.2%,95.3%)`
CMYK	100, 89, 0, 5
HSL	233.6°, 100, 47.6	`hsl(233.6,100%,47.6%)`
HSV (or HSB)	233.6°, 100, 95.3
Web Safe	0033ff	`#0033ff`

CIE-LAB	32.277, 71.08, -101.141
XYZ	16.544, 7.209, 85.309
xyY	0.152, 0.066, 7.209
CIE-LCH	32.277, 123.62, 305.099
CIE-LUV	32.277, -10.057, -124.989
Hunter-Lab	26.849, 63.004, -169.593
Binary	00000000, 00011010, 11110011

#001af3
```
#001af3 rgb(0,26,243)
```
#f3d900
```
#f3d900 rgb(243,217,0)
```

Complementary Color

#0094f3
```
#0094f3 rgb(0,148,243)
```
#001af3
```
#001af3 rgb(0,26,243)
```
#5f00f3
```
#5f00f3 rgb(95,0,243)
```

Analogous Color

#94f300
```
#94f300 rgb(148,243,0)
```
#001af3
```
#001af3 rgb(0,26,243)
```
#f36000
```
#f36000 rgb(243,96,0)
```

Split Complementary Color

#0012a7
```
#0012a7 rgb(0,18,167)
```
#0015c0
```
#0015c0 rgb(0,21,192)
```
#0017da
```
#0017da rgb(0,23,218)
```
#001af3
```
#001af3 rgb(0,26,243)
```
#0e27ff
```
#0e27ff rgb(14,39,255)
```
#273eff
```
#273eff rgb(39,62,255)
```
#4155ff
```
#4155ff rgb(65,85,255)
```

Monochromatic Color

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

#0057f3
```
#0057f3 rgb(0,87,243)
```
#0042f3
```
#0042f3 rgb(0,66,243)
```
#002ef3
```
#002ef3 rgb(0,46,243)
```
#001af3
```
#001af3 rgb(0,26,243)
```
#0006f3
```
#0006f3 rgb(0,6,243)
```
#0f00f3
```
#0f00f3 rgb(15,0,243)
```
#2300f3
```
#2300f3 rgb(35,0,243)
```

Similar Colors

Text with hexadecimal color #001af3

This text has a font color of #001af3.

<span style="color:#001af3;">Text here</span>

#001af3 background color

This paragraph has a background color of #001af3.

<p style="background-color:#001af3;">Content here</p>

#001af3 border color

This element has a border color of #001af3.

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

CSS codes

.text {color:#001af3;}

.background {background-color:#001af3;}

.border {border:1px solid #001af3;}

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

#000108
```
#000108 rgb(0,1,8)
```
#00031b
```
#00031b rgb(0,3,27)
```
#00052f
```
#00052f rgb(0,5,47)
```
#000742
```
#000742 rgb(0,7,66)
```
#000956
```
#000956 rgb(0,9,86)
```
#000b6a
```
#000b6a rgb(0,11,106)
```
#000d7d
```
#000d7d rgb(0,13,125)
```
#001091
```
#001091 rgb(0,16,145)
```
#0012a5
```
#0012a5 rgb(0,18,165)
```
#0014b8
```
#0014b8 rgb(0,20,184)
```
#0016cc
```
#0016cc rgb(0,22,204)
```
#0018df
```
#0018df rgb(0,24,223)
```
#001af3
```
#001af3 rgb(0,26,243)
```

Shade Color Variation

#0822ff
```
#0822ff rgb(8,34,255)
```
#1b34ff
```
#1b34ff rgb(27,52,255)
```
#2f45ff
```
#2f45ff rgb(47,69,255)
```
#4257ff
```
#4257ff rgb(66,87,255)
```
#5668ff
```
#5668ff rgb(86,104,255)
```
#6a7aff
```
#6a7aff rgb(106,122,255)
```
#7d8bff
```
#7d8bff rgb(125,139,255)
```
#919dff
```
#919dff rgb(145,157,255)
```
#a5aeff
```
#a5aeff rgb(165,174,255)
```
#b8c0ff
```
#b8c0ff rgb(184,192,255)
```
#ccd1ff
```
#ccd1ff rgb(204,209,255)
```
#dfe3ff
```
#dfe3ff rgb(223,227,255)
```
#f3f4ff
```
#f3f4ff rgb(243,244,255)
```

Tint Color Variation

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

#707283
```
#707283 rgb(112,114,131)
```
#676b8c
```
#676b8c rgb(103,107,140)
```
#5d6396
```
#5d6396 rgb(93,99,150)
```
#545c9f
```
#545c9f rgb(84,92,159)
```
#4b55a8
```
#4b55a8 rgb(75,85,168)
```
#414db2
```
#414db2 rgb(65,77,178)
```
#3846bb
```
#3846bb rgb(56,70,187)
```
#2f3fc4
```
#2f3fc4 rgb(47,63,196)
```
#2537ce
```
#2537ce rgb(37,55,206)
```
#1c30d7
```
#1c30d7 rgb(28,48,215)
```
#1329e0
```
#1329e0 rgb(19,41,224)
```
#0921ea
```
#0921ea rgb(9,33,234)
```
#001af3
```
#001af3 rgb(0,26,243)
```

Tone Color Variation

Below, you can see how #001af3 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

#2b2b2b Achromatopsia 0.005% of the population
#222853 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#003ebe Protanomaly 1% of men, 0.01% of women
#0041b0 Deuteranomaly 6% of men, 0.4% of women
#004596 Tritanomaly 0.01% of the population