#003af1 hex color

In a RGB color space, hex #003af1 is composed of 0% red, 22.7% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 75.9% magenta, 0% yellow and 5.5% black. It has a hue angle of 225.6 degrees, a saturation of 100% and a lightness of 47.3%. #003af1 color hex could be obtained by blending #0074ff with #0000e3. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 0
- G 23
- B 95
RGB color chart
- C 100
- M 76
- Y 0
- K 5
CMYK color chart

● #003af1 color description : Pure (or mostly pure) blue.

The hexadecimal color #003af1 has RGB values of R:0, G:58, B:241 and CMYK values of C:1, M:0.76, Y:0, K:0.05. Its decimal value is 15089.

Hex triplet	003af1	`#003af1`
RGB Decimal	0, 58, 241	`rgb(0,58,241)`
RGB Percent	0, 22.7, 94.5	`rgb(0%,22.7%,94.5%)`
CMYK	100, 76, 0, 5
HSL	225.6°, 100, 47.3	`hsl(225.6,100%,47.3%)`
HSV (or HSB)	225.6°, 100, 94.5
Web Safe	0033ff	`#0033ff`

CIE-LAB	36.698, 56.69, -92.65
XYZ	17.387, 9.376, 84.108
xyY	0.157, 0.085, 9.376
CIE-LCH	36.698, 108.618, 301.461
CIE-LUV	36.698, -13.526, -125.327
Hunter-Lab	30.62, 47.775, -141.428
Binary	00000000, 00111010, 11110001

#003af1
```
#003af1 rgb(0,58,241)
```
#f1b700
```
#f1b700 rgb(241,183,0)
```

Complementary Color

#00b3f1
```
#00b3f1 rgb(0,179,241)
```
#003af1
```
#003af1 rgb(0,58,241)
```
#3f00f1
```
#3f00f1 rgb(63,0,241)
```

Analogous Color

#b3f100
```
#b3f100 rgb(179,241,0)
```
#003af1
```
#003af1 rgb(0,58,241)
```
#f13f00
```
#f13f00 rgb(241,63,0)
```

Split Complementary Color

#3af100
```
#3af100 rgb(58,241,0)
```
#003af1
```
#003af1 rgb(0,58,241)
```
#f1003a
```
#f1003a rgb(241,0,58)
```

Triadic Color

#00f1b7
```
#00f1b7 rgb(0,241,183)
```
#003af1
```
#003af1 rgb(0,58,241)
```
#f1003a
```
#f1003a rgb(241,0,58)
```
#f1b700
```
#f1b700 rgb(241,183,0)
```

Tetradic Color

#0028a5
```
#0028a5 rgb(0,40,165)
```
#002ebe
```
#002ebe rgb(0,46,190)
```
#0034d8
```
#0034d8 rgb(0,52,216)
```
#003af1
```
#003af1 rgb(0,58,241)
```
#0c46ff
```
#0c46ff rgb(12,70,255)
```
#2559ff
```
#2559ff rgb(37,89,255)
```
#3f6dff
```
#3f6dff rgb(63,109,255)
```

Monochromatic Color

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

#0076f1
```
#0076f1 rgb(0,118,241)
```
#0062f1
```
#0062f1 rgb(0,98,241)
```
#004ef1
```
#004ef1 rgb(0,78,241)
```
#003af1
```
#003af1 rgb(0,58,241)
```
#0026f1
```
#0026f1 rgb(0,38,241)
```
#0012f1
```
#0012f1 rgb(0,18,241)
```
#0200f1
```
#0200f1 rgb(2,0,241)
```

Similar Colors

Text with hexadecimal color #003af1

This text has a font color of #003af1.

<span style="color:#003af1;">Text here</span>

#003af1 background color

This paragraph has a background color of #003af1.

<p style="background-color:#003af1;">Content here</p>

#003af1 border color

This element has a border color of #003af1.

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

CSS codes

.text {color:#003af1;}

.background {background-color:#003af1;}

.border {border:1px solid #003af1;}

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

#000106
```
#000106 rgb(0,1,6)
```
#000619
```
#000619 rgb(0,6,25)
```
#000b2d
```
#000b2d rgb(0,11,45)
```
#001040
```
#001040 rgb(0,16,64)
```
#001454
```
#001454 rgb(0,20,84)
```
#001968
```
#001968 rgb(0,25,104)
```
#001e7b
```
#001e7b rgb(0,30,123)
```
#00228f
```
#00228f rgb(0,34,143)
```
#0027a3
```
#0027a3 rgb(0,39,163)
```
#002cb6
```
#002cb6 rgb(0,44,182)
```
#0031ca
```
#0031ca rgb(0,49,202)
```
#0035dd
```
#0035dd rgb(0,53,221)
```
#003af1
```
#003af1 rgb(0,58,241)
```

Shade Color Variation

#0642ff
```
#0642ff rgb(6,66,255)
```
#1951ff
```
#1951ff rgb(25,81,255)
```
#2d5fff
```
#2d5fff rgb(45,95,255)
```
#406eff
```
#406eff rgb(64,110,255)
```
#547dff
```
#547dff rgb(84,125,255)
```
#688cff
```
#688cff rgb(104,140,255)
```
#7b9bff
```
#7b9bff rgb(123,155,255)
```
#8faaff
```
#8faaff rgb(143,170,255)
```
#a3b9ff
```
#a3b9ff rgb(163,185,255)
```
#b6c8ff
```
#b6c8ff rgb(182,200,255)
```
#cad7ff
```
#cad7ff rgb(202,215,255)
```
#dde5ff
```
#dde5ff rgb(221,229,255)
```
#f1f4ff
```
#f1f4ff rgb(241,244,255)
```

Tint Color Variation

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

#6f7482
```
#6f7482 rgb(111,116,130)
```
#666f8b
```
#666f8b rgb(102,111,139)
```
#5d6a94
```
#5d6a94 rgb(93,106,148)
```
#53659e
```
#53659e rgb(83,101,158)
```
#4a60a7
```
#4a60a7 rgb(74,96,167)
```
#415cb0
```
#415cb0 rgb(65,92,176)
```
#3857b9
```
#3857b9 rgb(56,87,185)
```
#2e52c3
```
#2e52c3 rgb(46,82,195)
```
#254dcc
```
#254dcc rgb(37,77,204)
```
#1c48d5
```
#1c48d5 rgb(28,72,213)
```
#1344de
```
#1344de rgb(19,68,222)
```
#093fe8
```
#093fe8 rgb(9,63,232)
```
#003af1
```
#003af1 rgb(0,58,241)
```

Tone Color Variation

Below, you can see how #003af1 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

#3e3e3e Achromatopsia 0.005% of the population
#323d62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00619b Deuteranopia 1% of men
#00686d Tritanopia 0.001% of the population

Trichromacy

#004fc9 Protanomaly 1% of men, 0.01% of women
#0053ba Deuteranomaly 6% of men, 0.4% of women
#00579d Tritanomaly 0.01% of the population

#003af1 hex color

#003af1 Color Information

#003af1 Color Conversion

Color Schemes with #003af1

Alternatives to #003af1

#003af1 Preview

Shades and Tints of #003af1

Tones of #003af1

Color Blindness Simulator