#0681f0 hex color

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

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

● #0681f0 color description : Vivid blue.

The hexadecimal color #0681f0 has RGB values of R:6, G:129, B:240 and CMYK values of C:0.98, M:0.46, Y:0, K:0.06. Its decimal value is 426480.

Hex triplet	0681f0	`#0681f0`
RGB Decimal	6, 129, 240	`rgb(6,129,240)`
RGB Percent	2.4, 50.6, 94.1	`rgb(2.4%,50.6%,94.1%)`
CMYK	98, 46, 0, 6
HSL	208.5°, 95.1, 48.2	`hsl(208.5,95.1%,48.2%)`
HSV (or HSB)	208.5°, 97.5, 94.1
Web Safe	0099ff	`#0099ff`

CIE-LAB	54.057, 12.515, -63.683
XYZ	23.65, 22.028, 85.439
xyY	0.18, 0.168, 22.028
CIE-LCH	54.057, 64.901, 281.118
CIE-LUV	54.057, -30.118, -100.869
Hunter-Lab	46.934, 7.81, -75.077
Binary	00000110, 10000001, 11110000

#0681f0
```
#0681f0 rgb(6,129,240)
```
#f07506
```
#f07506 rgb(240,117,6)
```

Complementary Color

#06f0ea
```
#06f0ea rgb(6,240,234)
```
#0681f0
```
#0681f0 rgb(6,129,240)
```
#060cf0
```
#060cf0 rgb(6,12,240)
```

Analogous Color

#f0ea06
```
#f0ea06 rgb(240,234,6)
```
#0681f0
```
#0681f0 rgb(6,129,240)
```
#f0060c
```
#f0060c rgb(240,6,12)
```

Split Complementary Color

#81f006
```
#81f006 rgb(129,240,6)
```
#0681f0
```
#0681f0 rgb(6,129,240)
```
#f00681
```
#f00681 rgb(240,6,129)
```

Triadic Color

#06f075
```
#06f075 rgb(6,240,117)
```
#0681f0
```
#0681f0 rgb(6,129,240)
```
#f00681
```
#f00681 rgb(240,6,129)
```
#f07506
```
#f07506 rgb(240,117,6)
```

Tetradic Color

#0459a5
```
#0459a5 rgb(4,89,165)
```
#0566be
```
#0566be rgb(5,102,190)
```
#0574d7
```
#0574d7 rgb(5,116,215)
```
#0681f0
```
#0681f0 rgb(6,129,240)
```
#168ef9
```
#168ef9 rgb(22,142,249)
```
#2f9afa
```
#2f9afa rgb(47,154,250)
```
#48a6fa
```
#48a6fa rgb(72,166,250)
```

Monochromatic Color

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

#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)
```
#065af0
```
#065af0 rgb(6,90,240)
```
#0647f0
```
#0647f0 rgb(6,71,240)
```

Similar Colors

Text with hexadecimal color #0681f0

This text has a font color of #0681f0.

<span style="color:#0681f0;">Text here</span>

#0681f0 background color

This paragraph has a background color of #0681f0.

<p style="background-color:#0681f0;">Content here</p>

#0681f0 border color

This element has a border color of #0681f0.

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

CSS codes

.text {color:#0681f0;}

.background {background-color:#0681f0;}

.border {border:1px solid #0681f0;}

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

#00060a
```
#00060a rgb(0,6,10)
```
#01101d
```
#01101d rgb(1,16,29)
```
#011a31
```
#011a31 rgb(1,26,49)
```
#022444
```
#022444 rgb(2,36,68)
```
#022f57
```
#022f57 rgb(2,47,87)
```
#03396a
```
#03396a rgb(3,57,106)
```
#03437d
```
#03437d rgb(3,67,125)
```
#044e90
```
#044e90 rgb(4,78,144)
```
#0458a3
```
#0458a3 rgb(4,88,163)
```
#0562b7
```
#0562b7 rgb(5,98,183)
```
#056cca
```
#056cca rgb(5,108,202)
```
#0677dd
```
#0677dd rgb(6,119,221)
```
#0681f0
```
#0681f0 rgb(6,129,240)
```

Shade Color Variation

#118bf9
```
#118bf9 rgb(17,139,249)
```
#2494fa
```
#2494fa rgb(36,148,250)
```
#379dfa
```
#379dfa rgb(55,157,250)
```
#4aa7fa
```
#4aa7fa rgb(74,167,250)
```
#5db0fb
```
#5db0fb rgb(93,176,251)
```
#70b9fb
```
#70b9fb rgb(112,185,251)
```
#83c3fc
```
#83c3fc rgb(131,195,252)
```
#97ccfc
```
#97ccfc rgb(151,204,252)
```
#aad5fd
```
#aad5fd rgb(170,213,253)
```
#bddffd
```
#bddffd rgb(189,223,253)
```
#d0e8fe
```
#d0e8fe rgb(208,232,254)
```
#e3f1fe
```
#e3f1fe rgb(227,241,254)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#787b7e
```
#787b7e rgb(120,123,126)
```
#6e7c88
```
#6e7c88 rgb(110,124,136)
```
#657c91
```
#657c91 rgb(101,124,145)
```
#5b7d9b
```
#5b7d9b rgb(91,125,155)
```
#527da4
```
#527da4 rgb(82,125,164)
```
#487eae
```
#487eae rgb(72,126,174)
```
#3f7eb7
```
#3f7eb7 rgb(63,126,183)
```
#357fc1
```
#357fc1 rgb(53,127,193)
```
#2c7fca
```
#2c7fca rgb(44,127,202)
```
#2280d4
```
#2280d4 rgb(34,128,212)
```
#1980dd
```
#1980dd rgb(25,128,221)
```
#0f81e7
```
#0f81e7 rgb(15,129,231)
```
#0681f0
```
#0681f0 rgb(6,129,240)
```

Tone Color Variation

Below, you can see how #0681f0 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

#696969 Achromatopsia 0.005% of the population
#556e84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a84ed Protanopia 1% of men
#008ae4 Deuteranopia 1% of men
#00959d Tritanopia 0.001% of the population

Trichromacy

#3183ee Protanomaly 1% of men, 0.01% of women
#0286e8 Deuteranomaly 6% of men, 0.4% of women
#028dbb Tritanomaly 0.01% of the population

#0681f0 hex color

#0681f0 Color Information

#0681f0 Color Conversion

Color Schemes with #0681f0

Alternatives to #0681f0

#0681f0 Preview

Shades and Tints of #0681f0

Tones of #0681f0

Color Blindness Simulator