#06b1f0 hex color

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

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

● #06b1f0 color description : Vivid blue.

The hexadecimal color #06b1f0 has RGB values of R:6, G:177, B:240 and CMYK values of C:0.98, M:0.26, Y:0, K:0.06. Its decimal value is 438768.

Hex triplet	06b1f0	`#06b1f0`
RGB Decimal	6, 177, 240	`rgb(6,177,240)`
RGB Percent	2.4, 69.4, 94.1	`rgb(2.4%,69.4%,94.1%)`
CMYK	98, 26, 0, 6
HSL	196.2°, 95.1, 48.2	`hsl(196.2,95.1%,48.2%)`
HSV (or HSB)	196.2°, 97.5, 94.1
Web Safe	0099ff	`#0099ff`

CIE-LAB	67.852, -15.337, -41.769
XYZ	31.521, 37.771, 88.062
xyY	0.2, 0.24, 37.771
CIE-LCH	67.852, 44.495, 249.837
CIE-LUV	67.852, -45.529, -65.362
Hunter-Lab	61.458, -16.001, -41.935
Binary	00000110, 10110001, 11110000

#06b1f0
```
#06b1f0 rgb(6,177,240)
```
#f04506
```
#f04506 rgb(240,69,6)
```

Complementary Color

#06f0ba
```
#06f0ba rgb(6,240,186)
```
#06b1f0
```
#06b1f0 rgb(6,177,240)
```
#063cf0
```
#063cf0 rgb(6,60,240)
```

Analogous Color

#f0ba06
```
#f0ba06 rgb(240,186,6)
```
#06b1f0
```
#06b1f0 rgb(6,177,240)
```
#f0063c
```
#f0063c rgb(240,6,60)
```

Split Complementary Color

#b1f006
```
#b1f006 rgb(177,240,6)
```
#06b1f0
```
#06b1f0 rgb(6,177,240)
```
#f006b1
```
#f006b1 rgb(240,6,177)
```

Triadic Color

#06f045
```
#06f045 rgb(6,240,69)
```
#06b1f0
```
#06b1f0 rgb(6,177,240)
```
#f006b1
```
#f006b1 rgb(240,6,177)
```
#f04506
```
#f04506 rgb(240,69,6)
```

Tetradic Color

#047aa5
```
#047aa5 rgb(4,122,165)
```
#058cbe
```
#058cbe rgb(5,140,190)
```
#059fd7
```
#059fd7 rgb(5,159,215)
```
#06b1f0
```
#06b1f0 rgb(6,177,240)
```
#16bcf9
```
#16bcf9 rgb(22,188,249)
```
#2fc3fa
```
#2fc3fa rgb(47,195,250)
```
#48cafa
```
#48cafa rgb(72,202,250)
```

Monochromatic Color

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

#06ecf0
```
#06ecf0 rgb(6,236,240)
```
#06d8f0
```
#06d8f0 rgb(6,216,240)
```
#06c5f0
```
#06c5f0 rgb(6,197,240)
```
#06b1f0
```
#06b1f0 rgb(6,177,240)
```
#069ef0
```
#069ef0 rgb(6,158,240)
```
#068af0
```
#068af0 rgb(6,138,240)
```
#0677f0
```
#0677f0 rgb(6,119,240)
```

Similar Colors

Text with hexadecimal color #06b1f0

This text has a font color of #06b1f0.

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

#06b1f0 background color

This paragraph has a background color of #06b1f0.

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

#06b1f0 border color

This element has a border color of #06b1f0.

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

CSS codes

.text {color:#06b1f0;}

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

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

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

#00080a
```
#00080a rgb(0,8,10)
```
#01161d
```
#01161d rgb(1,22,29)
```
#012431
```
#012431 rgb(1,36,49)
```
#023244
```
#023244 rgb(2,50,68)
```
#024057
```
#024057 rgb(2,64,87)
```
#034e6a
```
#034e6a rgb(3,78,106)
```
#035c7d
```
#035c7d rgb(3,92,125)
```
#046a90
```
#046a90 rgb(4,106,144)
```
#0479a3
```
#0479a3 rgb(4,121,163)
```
#0587b7
```
#0587b7 rgb(5,135,183)
```
#0595ca
```
#0595ca rgb(5,149,202)
```
#06a3dd
```
#06a3dd rgb(6,163,221)
```
#06b1f0
```
#06b1f0 rgb(6,177,240)
```

Shade Color Variation

#11baf9
```
#11baf9 rgb(17,186,249)
```
#24c0fa
```
#24c0fa rgb(36,192,250)
```
#37c5fa
```
#37c5fa rgb(55,197,250)
```
#4acbfa
```
#4acbfa rgb(74,203,250)
```
#5dd0fb
```
#5dd0fb rgb(93,208,251)
```
#70d6fb
```
#70d6fb rgb(112,214,251)
```
#83dbfc
```
#83dbfc rgb(131,219,252)
```
#97e1fc
```
#97e1fc rgb(151,225,252)
```
#aae6fd
```
#aae6fd rgb(170,230,253)
```
#bdecfd
```
#bdecfd rgb(189,236,253)
```
#d0f1fe
```
#d0f1fe rgb(208,241,254)
```
#e3f7fe
```
#e3f7fe rgb(227,247,254)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

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

#787d7e
```
#787d7e rgb(120,125,126)
```
#6e8188
```
#6e8188 rgb(110,129,136)
```
#658591
```
#658591 rgb(101,133,145)
```
#5b8a9b
```
#5b8a9b rgb(91,138,155)
```
#528ea4
```
#528ea4 rgb(82,142,164)
```
#4892ae
```
#4892ae rgb(72,146,174)
```
#3f97b7
```
#3f97b7 rgb(63,151,183)
```
#359bc1
```
#359bc1 rgb(53,155,193)
```
#2ca0ca
```
#2ca0ca rgb(44,160,202)
```
#22a4d4
```
#22a4d4 rgb(34,164,212)
```
#19a8dd
```
#19a8dd rgb(25,168,221)
```
#0fade7
```
#0fade7 rgb(15,173,231)
```
#06b1f0
```
#06b1f0 rgb(6,177,240)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#6c8e9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a7e7 Protanopia 1% of men
#84a9f5 Deuteranopia 1% of men
#00bac7 Tritanopia 0.001% of the population

Trichromacy

#61abea Protanomaly 1% of men, 0.01% of women
#56acf3 Deuteranomaly 6% of men, 0.4% of women
#02b7d5 Tritanomaly 0.01% of the population

#06b1f0 hex color

#06b1f0 Color Information

#06b1f0 Color Conversion

Color Schemes with #06b1f0

Alternatives to #06b1f0

#06b1f0 Preview

Shades and Tints of #06b1f0

Tones of #06b1f0

Color Blindness Simulator