#06a1fa hex color

In a RGB color space, hex #06a1fa is composed of 2.4% red, 63.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 35.6% magenta, 0% yellow and 2% black. It has a hue angle of 201.9 degrees, a saturation of 96.1% and a lightness of 50.2%. #06a1fa color hex could be obtained by blending #0cffff with #0043f5. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 2
- G 63
- B 98
RGB color chart
- C 98
- M 36
- Y 0
- K 2
CMYK color chart

● #06a1fa color description : Vivid blue.

The hexadecimal color #06a1fa has RGB values of R:6, G:161, B:250 and CMYK values of C:0.98, M:0.36, Y:0, K:0.02. Its decimal value is 434682.

Hex triplet	06a1fa	`#06a1fa`
RGB Decimal	6, 161, 250	`rgb(6,161,250)`
RGB Percent	2.4, 63.1, 98	`rgb(2.4%,63.1%,98%)`
CMYK	98, 36, 0, 2
HSL	201.9°, 96.1, 50.2	`hsl(201.9,96.1%,50.2%)`
HSV (or HSB)	201.9°, 97.6, 98
Web Safe	0099ff	`#0099ff`

CIE-LAB	63.695, -2.811, -53.78
XYZ	30.071, 32.428, 95.111
xyY	0.191, 0.206, 32.428
CIE-LCH	63.695, 53.854, 267.008
CIE-LUV	63.695, -39.601, -86.408
Hunter-Lab	56.945, -5.394, -59.166
Binary	00000110, 10100001, 11111010

#06a1fa
```
#06a1fa rgb(6,161,250)
```
#fa5f06
```
#fa5f06 rgb(250,95,6)
```

Complementary Color

#06fad9
```
#06fad9 rgb(6,250,217)
```
#06a1fa
```
#06a1fa rgb(6,161,250)
```
#0627fa
```
#0627fa rgb(6,39,250)
```

Analogous Color

#fad906
```
#fad906 rgb(250,217,6)
```
#06a1fa
```
#06a1fa rgb(6,161,250)
```
#fa0627
```
#fa0627 rgb(250,6,39)
```

Split Complementary Color

#a1fa06
```
#a1fa06 rgb(161,250,6)
```
#06a1fa
```
#06a1fa rgb(6,161,250)
```
#fa06a1
```
#fa06a1 rgb(250,6,161)
```

Triadic Color

#06fa5f
```
#06fa5f rgb(6,250,95)
```
#06a1fa
```
#06a1fa rgb(6,161,250)
```
#fa06a1
```
#fa06a1 rgb(250,6,161)
```
#fa5f06
```
#fa5f06 rgb(250,95,6)
```

Tetradic Color

#0471b0
```
#0471b0 rgb(4,113,176)
```
#0481c9
```
#0481c9 rgb(4,129,201)
```
#0591e2
```
#0591e2 rgb(5,145,226)
```
#06a1fa
```
#06a1fa rgb(6,161,250)
```
#1faafb
```
#1faafb rgb(31,170,251)
```
#38b4fb
```
#38b4fb rgb(56,180,251)
```
#51bdfc
```
#51bdfc rgb(81,189,252)
```

Monochromatic Color

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

#06defa
```
#06defa rgb(6,222,250)
```
#06cafa
```
#06cafa rgb(6,202,250)
```
#06b5fa
```
#06b5fa rgb(6,181,250)
```
#06a1fa
```
#06a1fa rgb(6,161,250)
```
#068dfa
```
#068dfa rgb(6,141,250)
```
#0678fa
```
#0678fa rgb(6,120,250)
```
#0664fa
```
#0664fa rgb(6,100,250)
```

Similar Colors

Text with hexadecimal color #06a1fa

This text has a font color of #06a1fa.

<span style="color:#06a1fa;">Text here</span>

#06a1fa background color

This paragraph has a background color of #06a1fa.

<p style="background-color:#06a1fa;">Content here</p>

#06a1fa border color

This element has a border color of #06a1fa.

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

CSS codes

.text {color:#06a1fa;}

.background {background-color:#06a1fa;}

.border {border:1px solid #06a1fa;}

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

#000101
```
#000101 rgb(0,1,1)
```
#000d14
```
#000d14 rgb(0,13,20)
```
#011927
```
#011927 rgb(1,25,39)
```
#01263b
```
#01263b rgb(1,38,59)
```
#02324e
```
#02324e rgb(2,50,78)
```
#023e61
```
#023e61 rgb(2,62,97)
```
#024b74
```
#024b74 rgb(2,75,116)
```
#035788
```
#035788 rgb(3,87,136)
```
#03639b
```
#03639b rgb(3,99,155)
```
#0370ae
```
#0370ae rgb(3,112,174)
```
#047cc1
```
#047cc1 rgb(4,124,193)
```
#0489d5
```
#0489d5 rgb(4,137,213)
```
#0595e8
```
#0595e8 rgb(5,149,232)
```

Shade Color Variation

#06a1fa
```
#06a1fa rgb(6,161,250)
```
#19a8fa
```
#19a8fa rgb(25,168,250)
```
#2cb0fb
```
#2cb0fb rgb(44,176,251)
```
#40b7fb
```
#40b7fb rgb(64,183,251)
```
#53befc
```
#53befc rgb(83,190,252)
```
#66c5fc
```
#66c5fc rgb(102,197,252)
```
#79cdfc
```
#79cdfc rgb(121,205,252)
```
#8dd4fd
```
#8dd4fd rgb(141,212,253)
```
#a0dbfd
```
#a0dbfd rgb(160,219,253)
```
#b3e2fd
```
#b3e2fd rgb(179,226,253)
```
#c6eafe
```
#c6eafe rgb(198,234,254)
```
#daf1fe
```
#daf1fe rgb(218,241,254)
```
#edf8ff
```
#edf8ff rgb(237,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b8185 is the less saturated color, while #06a1fa is the most saturated one.

#7b8185
```
#7b8185 rgb(123,129,133)
```
#71848f
```
#71848f rgb(113,132,143)
```
#688798
```
#688798 rgb(104,135,152)
```
#5e89a2
```
#5e89a2 rgb(94,137,162)
```
#548cac
```
#548cac rgb(84,140,172)
```
#4a8fb6
```
#4a8fb6 rgb(74,143,182)
```
#4191bf
```
#4191bf rgb(65,145,191)
```
#3794c9
```
#3794c9 rgb(55,148,201)
```
#2d96d3
```
#2d96d3 rgb(45,150,211)
```
#2399dd
```
#2399dd rgb(35,153,221)
```
#1a9ce6
```
#1a9ce6 rgb(26,156,230)
```
#109ef0
```
#109ef0 rgb(16,158,240)
```
#06a1fa
```
#06a1fa rgb(6,161,250)
```

Tone Color Variation

Below, you can see how #06a1fa 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

#7d7d7d Achromatopsia 0.005% of the population
#658496 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b9cf2 Protanopia 1% of men
#5ba0fc Deuteranopia 1% of men
#00afba Tritanopia 0.001% of the population

Trichromacy

#519ef5 Protanomaly 1% of men, 0.01% of women
#3ca0fb Deuteranomaly 6% of men, 0.4% of women
#02aad1 Tritanomaly 0.01% of the population

#06a1fa hex color

#06a1fa Color Information

#06a1fa Color Conversion

Color Schemes with #06a1fa

Alternatives to #06a1fa

#06a1fa Preview

Shades and Tints of #06a1fa

Tones of #06a1fa

Color Blindness Simulator