#012af9 hex color

In a RGB color space, hex #012af9 is composed of 0.4% red, 16.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 83.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 230.1 degrees, a saturation of 99.2% and a lightness of 49%. #012af9 color hex could be obtained by blending #0254ff with #0000f3. Closest websafe color is: #0033ff.

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

● #012af9 color description : Vivid blue.

The hexadecimal color #012af9 has RGB values of R:1, G:42, B:249 and CMYK values of C:1, M:0.83, Y:0, K:0.02. Its decimal value is 76537.

Hex triplet	012af9	`#012af9`
RGB Decimal	1, 42, 249	`rgb(1,42,249)`
RGB Percent	0.4, 16.5, 97.6	`rgb(0.4%,16.5%,97.6%)`
CMYK	100, 83, 0, 2
HSL	230.1°, 99.2, 49	`hsl(230.1,99.2%,49%)`
HSV (or HSB)	230.1°, 99.6, 97.6
Web Safe	0033ff	`#0033ff`

CIE-LAB	35.004, 66.945, -99.976
XYZ	17.936, 8.5, 90.313
xyY	0.154, 0.073, 8.5
CIE-LCH	35.004, 120.32, 303.807
CIE-LUV	35.004, -11.621, -129.509
Hunter-Lab	29.156, 58.787, -163.249
Binary	00000001, 00101010, 11111001

#012af9
```
#012af9 rgb(1,42,249)
```
#f9d001
```
#f9d001 rgb(249,208,1)
```

Complementary Color

#01a6f9
```
#01a6f9 rgb(1,166,249)
```
#012af9
```
#012af9 rgb(1,42,249)
```
#5401f9
```
#5401f9 rgb(84,1,249)
```

Analogous Color

#a6f901
```
#a6f901 rgb(166,249,1)
```
#012af9
```
#012af9 rgb(1,42,249)
```
#f95401
```
#f95401 rgb(249,84,1)
```

Split Complementary Color

#2af901
```
#2af901 rgb(42,249,1)
```
#012af9
```
#012af9 rgb(1,42,249)
```
#f9012a
```
#f9012a rgb(249,1,42)
```

Triadic Color

#01f9d0
```
#01f9d0 rgb(1,249,208)
```
#012af9
```
#012af9 rgb(1,42,249)
```
#f9012a
```
#f9012a rgb(249,1,42)
```
#f9d001
```
#f9d001 rgb(249,208,1)
```

Tetradic Color

#011dad
```
#011dad rgb(1,29,173)
```
#0121c6
```
#0121c6 rgb(1,33,198)
```
#0126e0
```
#0126e0 rgb(1,38,224)
```
#012af9
```
#012af9 rgb(1,42,249)
```
#153cfe
```
#153cfe rgb(21,60,254)
```
#2f51fe
```
#2f51fe rgb(47,81,254)
```
#4866fe
```
#4866fe rgb(72,102,254)
```

Monochromatic Color

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

#0168f9
```
#0168f9 rgb(1,104,249)
```
#0153f9
```
#0153f9 rgb(1,83,249)
```
#013ff9
```
#013ff9 rgb(1,63,249)
```
#012af9
```
#012af9 rgb(1,42,249)
```
#0115f9
```
#0115f9 rgb(1,21,249)
```
#0101f9
```
#0101f9 rgb(1,1,249)
```
#1601f9
```
#1601f9 rgb(22,1,249)
```

Similar Colors

Text with hexadecimal color #012af9

This text has a font color of #012af9.

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

#012af9 background color

This paragraph has a background color of #012af9.

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

#012af9 border color

This element has a border color of #012af9.

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

CSS codes

.text {color:#012af9;}

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

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

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, #00020f is the darkest color, while #fafbff is the lightest one.

#00020f
```
#00020f rgb(0,2,15)
```
#000622
```
#000622 rgb(0,6,34)
```
#000936
```
#000936 rgb(0,9,54)
```
#000c49
```
#000c49 rgb(0,12,73)
```
#00105d
```
#00105d rgb(0,16,93)
```
#001370
```
#001370 rgb(0,19,112)
```
#011684
```
#011684 rgb(1,22,132)
```
#011a97
```
#011a97 rgb(1,26,151)
```
#011dab
```
#011dab rgb(1,29,171)
```
#0120be
```
#0120be rgb(1,32,190)
```
#0123d2
```
#0123d2 rgb(1,35,210)
```
#0127e5
```
#0127e5 rgb(1,39,229)
```
#012af9
```
#012af9 rgb(1,42,249)
```

Shade Color Variation

#1037fe
```
#1037fe rgb(16,55,254)
```
#2347fe
```
#2347fe rgb(35,71,254)
```
#3758fe
```
#3758fe rgb(55,88,254)
```
#4a68fe
```
#4a68fe rgb(74,104,254)
```
#5e78fe
```
#5e78fe rgb(94,120,254)
```
#7189fe
```
#7189fe rgb(113,137,254)
```
#8599ff
```
#8599ff rgb(133,153,255)
```
#98a9ff
```
#98a9ff rgb(152,169,255)
```
#acbaff
```
#acbaff rgb(172,186,255)
```
#bfcaff
```
#bfcaff rgb(191,202,255)
```
#d3daff
```
#d3daff rgb(211,218,255)
```
#e6ebff
```
#e6ebff rgb(230,235,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#747786
```
#747786 rgb(116,119,134)
```
#6b718f
```
#6b718f rgb(107,113,143)
```
#616a99
```
#616a99 rgb(97,106,153)
```
#5864a2
```
#5864a2 rgb(88,100,162)
```
#4e5dac
```
#4e5dac rgb(78,93,172)
```
#4457b6
```
#4457b6 rgb(68,87,182)
```
#3b51bf
```
#3b51bf rgb(59,81,191)
```
#314ac9
```
#314ac9 rgb(49,74,201)
```
#2744d3
```
#2744d3 rgb(39,68,211)
```
#1e3ddc
```
#1e3ddc rgb(30,61,220)
```
#1437e6
```
#1437e6 rgb(20,55,230)
```
#0b30ef
```
#0b30ef rgb(11,48,239)
```
#012af9
```
#012af9 rgb(1,42,249)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#2b335c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005e94 Deuteranopia 1% of men
#006468 Tritanopia 0.001% of the population

Trichromacy

#0047c8 Protanomaly 1% of men, 0.01% of women
#004bb8 Deuteranomaly 6% of men, 0.4% of women
#004f9d Tritanomaly 0.01% of the population

#012af9 hex color

#012af9 Color Information

#012af9 Color Conversion

Color Schemes with #012af9

Alternatives to #012af9

#012af9 Preview

Shades and Tints of #012af9

Tones of #012af9

Color Blindness Simulator