#06a8f0 hex color

In a RGB color space, hex #06a8f0 is composed of 2.4% red, 65.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 30% magenta, 0% yellow and 5.9% black. It has a hue angle of 198.5 degrees, a saturation of 95.1% and a lightness of 48.2%. #06a8f0 color hex could be obtained by blending #0cffff with #0051e1. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 2
- G 66
- B 94
RGB color chart
- C 98
- M 30
- Y 0
- K 6
CMYK color chart

● #06a8f0 color description : Vivid blue.

The hexadecimal color #06a8f0 has RGB values of R:6, G:168, B:240 and CMYK values of C:0.98, M:0.3, Y:0, K:0.06. Its decimal value is 436464.

Hex triplet	06a8f0	`#06a8f0`
RGB Decimal	6, 168, 240	`rgb(6,168,240)`
RGB Percent	2.4, 65.9, 94.1	`rgb(2.4%,65.9%,94.1%)`
CMYK	98, 30, 0, 6
HSL	198.5°, 95.1, 48.2	`hsl(198.5,95.1%,48.2%)`
HSV (or HSB)	198.5°, 97.5, 94.1
Web Safe	0099ff	`#0099ff`

CIE-LAB	65.226, -10.428, -45.891
XYZ	29.802, 34.332, 87.489
xyY	0.197, 0.226, 34.332
CIE-LCH	65.226, 47.061, 257.197
CIE-LUV	65.226, -42.54, -72.556
Hunter-Lab	58.594, -11.751, -47.513
Binary	00000110, 10101000, 11110000

#06a8f0
```
#06a8f0 rgb(6,168,240)
```
#f04e06
```
#f04e06 rgb(240,78,6)
```

Complementary Color

#06f0c3
```
#06f0c3 rgb(6,240,195)
```
#06a8f0
```
#06a8f0 rgb(6,168,240)
```
#0633f0
```
#0633f0 rgb(6,51,240)
```

Analogous Color

#f0c306
```
#f0c306 rgb(240,195,6)
```
#06a8f0
```
#06a8f0 rgb(6,168,240)
```
#f00633
```
#f00633 rgb(240,6,51)
```

Split Complementary Color

#a8f006
```
#a8f006 rgb(168,240,6)
```
#06a8f0
```
#06a8f0 rgb(6,168,240)
```
#f006a8
```
#f006a8 rgb(240,6,168)
```

Triadic Color

#06f04e
```
#06f04e rgb(6,240,78)
```
#06a8f0
```
#06a8f0 rgb(6,168,240)
```
#f006a8
```
#f006a8 rgb(240,6,168)
```
#f04e06
```
#f04e06 rgb(240,78,6)
```

Tetradic Color

#0474a5
```
#0474a5 rgb(4,116,165)
```
#0585be
```
#0585be rgb(5,133,190)
```
#0597d7
```
#0597d7 rgb(5,151,215)
```
#06a8f0
```
#06a8f0 rgb(6,168,240)
```
#16b3f9
```
#16b3f9 rgb(22,179,249)
```
#2fbbfa
```
#2fbbfa rgb(47,187,250)
```
#48c4fa
```
#48c4fa rgb(72,196,250)
```

Monochromatic Color

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

#06e3f0
```
#06e3f0 rgb(6,227,240)
```
#06cff0
```
#06cff0 rgb(6,207,240)
```
#06bcf0
```
#06bcf0 rgb(6,188,240)
```
#06a8f0
```
#06a8f0 rgb(6,168,240)
```
#0695f0
```
#0695f0 rgb(6,149,240)
```
#0681f0
```
#0681f0 rgb(6,129,240)
```
#066ef0
```
#066ef0 rgb(6,110,240)
```

Similar Colors

Text with hexadecimal color #06a8f0

This text has a font color of #06a8f0.

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

#06a8f0 background color

This paragraph has a background color of #06a8f0.

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

#06a8f0 border color

This element has a border color of #06a8f0.

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

CSS codes

.text {color:#06a8f0;}

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

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

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, #00070a is the darkest color, while #f6fcff is the lightest one.

#00070a
```
#00070a rgb(0,7,10)
```
#01151d
```
#01151d rgb(1,21,29)
```
#012231
```
#012231 rgb(1,34,49)
```
#022f44
```
#022f44 rgb(2,47,68)
```
#023d57
```
#023d57 rgb(2,61,87)
```
#034a6a
```
#034a6a rgb(3,74,106)
```
#03587d
```
#03587d rgb(3,88,125)
```
#046590
```
#046590 rgb(4,101,144)
```
#0472a3
```
#0472a3 rgb(4,114,163)
```
#0580b7
```
#0580b7 rgb(5,128,183)
```
#058dca
```
#058dca rgb(5,141,202)
```
#069bdd
```
#069bdd rgb(6,155,221)
```
#06a8f0
```
#06a8f0 rgb(6,168,240)
```

Shade Color Variation

#11b2f9
```
#11b2f9 rgb(17,178,249)
```
#24b8fa
```
#24b8fa rgb(36,184,250)
```
#37befa
```
#37befa rgb(55,190,250)
```
#4ac4fa
```
#4ac4fa rgb(74,196,250)
```
#5dcafb
```
#5dcafb rgb(93,202,251)
```
#70d1fb
```
#70d1fb rgb(112,209,251)
```
#83d7fc
```
#83d7fc rgb(131,215,252)
```
#97ddfc
```
#97ddfc rgb(151,221,252)
```
#aae3fd
```
#aae3fd rgb(170,227,253)
```
#bde9fd
```
#bde9fd rgb(189,233,253)
```
#d0f0fe
```
#d0f0fe rgb(208,240,254)
```
#e3f6fe
```
#e3f6fe rgb(227,246,254)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

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

#787c7e
```
#787c7e rgb(120,124,126)
```
#6e8088
```
#6e8088 rgb(110,128,136)
```
#658491
```
#658491 rgb(101,132,145)
```
#5b879b
```
#5b879b rgb(91,135,155)
```
#528ba4
```
#528ba4 rgb(82,139,164)
```
#488fae
```
#488fae rgb(72,143,174)
```
#3f92b7
```
#3f92b7 rgb(63,146,183)
```
#3596c1
```
#3596c1 rgb(53,150,193)
```
#2c99ca
```
#2c99ca rgb(44,153,202)
```
#229dd4
```
#229dd4 rgb(34,157,212)
```
#19a1dd
```
#19a1dd rgb(25,161,221)
```
#0fa4e7
```
#0fa4e7 rgb(15,164,231)
```
#06a8f0
```
#06a8f0 rgb(6,168,240)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#688896 Atypical Achromatopsia 0.001% of the population

Dichromacy

#89a0e8 Protanopia 1% of men
#74a3f4 Deuteranopia 1% of men
#00b3bf Tritanopia 0.001% of the population

Trichromacy

#59a3eb Protanomaly 1% of men, 0.01% of women
#4ca5f2 Deuteranomaly 6% of men, 0.4% of women
#02afd0 Tritanomaly 0.01% of the population

#06a8f0 hex color

#06a8f0 Color Information

#06a8f0 Color Conversion

Color Schemes with #06a8f0

Alternatives to #06a8f0

#06a8f0 Preview

Shades and Tints of #06a8f0

Tones of #06a8f0

Color Blindness Simulator