#0682f2 hex color

In a RGB color space, hex #0682f2 is composed of 2.4% red, 51% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 46.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 208.5 degrees, a saturation of 95.2% and a lightness of 48.6%. #0682f2 color hex could be obtained by blending #0cffff with #0005e5. Closest websafe color is: #0099ff.

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

● #0682f2 color description : Vivid blue.

The hexadecimal color #0682f2 has RGB values of R:6, G:130, B:242 and CMYK values of C:0.98, M:0.46, Y:0, K:0.05. Its decimal value is 426738.

Hex triplet	0682f2	`#0682f2`
RGB Decimal	6, 130, 242	`rgb(6,130,242)`
RGB Percent	2.4, 51, 94.9	`rgb(2.4%,51%,94.9%)`
CMYK	98, 46, 0, 5
HSL	208.5°, 95.2, 48.6	`hsl(208.5,95.2%,48.6%)`
HSV (or HSB)	208.5°, 97.5, 94.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	54.462, 12.669, -64.142
XYZ	24.081, 22.413, 87.056
xyY	0.18, 0.168, 22.413
CIE-LCH	54.462, 65.381, 281.173
CIE-LUV	54.462, -30.329, -101.773
Hunter-Lab	47.342, 7.948, -75.888
Binary	00000110, 10000010, 11110010

#0682f2
```
#0682f2 rgb(6,130,242)
```
#f27606
```
#f27606 rgb(242,118,6)
```

Complementary Color

#06f2ec
```
#06f2ec rgb(6,242,236)
```
#0682f2
```
#0682f2 rgb(6,130,242)
```
#060cf2
```
#060cf2 rgb(6,12,242)
```

Analogous Color

#f2ec06
```
#f2ec06 rgb(242,236,6)
```
#0682f2
```
#0682f2 rgb(6,130,242)
```
#f2060c
```
#f2060c rgb(242,6,12)
```

Split Complementary Color

#82f206
```
#82f206 rgb(130,242,6)
```
#0682f2
```
#0682f2 rgb(6,130,242)
```
#f20682
```
#f20682 rgb(242,6,130)
```

Triadic Color

#06f276
```
#06f276 rgb(6,242,118)
```
#0682f2
```
#0682f2 rgb(6,130,242)
```
#f20682
```
#f20682 rgb(242,6,130)
```
#f27606
```
#f27606 rgb(242,118,6)
```

Tetradic Color

#045aa7
```
#045aa7 rgb(4,90,167)
```
#0567c0
```
#0567c0 rgb(5,103,192)
```
#0575d9
```
#0575d9 rgb(5,117,217)
```
#0682f2
```
#0682f2 rgb(6,130,242)
```
#188ef9
```
#188ef9 rgb(24,142,249)
```
#319bfa
```
#319bfa rgb(49,155,250)
```
#4aa7fb
```
#4aa7fb rgb(74,167,251)
```

Monochromatic Color

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

#06bdf2
```
#06bdf2 rgb(6,189,242)
```
#06a9f2
```
#06a9f2 rgb(6,169,242)
```
#0696f2
```
#0696f2 rgb(6,150,242)
```
#0682f2
```
#0682f2 rgb(6,130,242)
```
#066ef2
```
#066ef2 rgb(6,110,242)
```
#065bf2
```
#065bf2 rgb(6,91,242)
```
#0647f2
```
#0647f2 rgb(6,71,242)
```

Similar Colors

Text with hexadecimal color #0682f2

This text has a font color of #0682f2.

<span style="color:#0682f2;">Text here</span>

#0682f2 background color

This paragraph has a background color of #0682f2.

<p style="background-color:#0682f2;">Content here</p>

#0682f2 border color

This element has a border color of #0682f2.

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

CSS codes

.text {color:#0682f2;}

.background {background-color:#0682f2;}

.border {border:1px solid #0682f2;}

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

#00070c
```
#00070c rgb(0,7,12)
```
#01111f
```
#01111f rgb(1,17,31)
```
#011b33
```
#011b33 rgb(1,27,51)
```
#022546
```
#022546 rgb(2,37,70)
```
#023059
```
#023059 rgb(2,48,89)
```
#033a6c
```
#033a6c rgb(3,58,108)
```
#03447f
```
#03447f rgb(3,68,127)
```
#044f92
```
#044f92 rgb(4,79,146)
```
#0459a5
```
#0459a5 rgb(4,89,165)
```
#0563b9
```
#0563b9 rgb(5,99,185)
```
#056dcc
```
#056dcc rgb(5,109,204)
```
#0678df
```
#0678df rgb(6,120,223)
```
#0682f2
```
#0682f2 rgb(6,130,242)
```

Shade Color Variation

#128cf9
```
#128cf9 rgb(18,140,249)
```
#2695fa
```
#2695fa rgb(38,149,250)
```
#399efa
```
#399efa rgb(57,158,250)
```
#4ca8fb
```
#4ca8fb rgb(76,168,251)
```
#5fb1fb
```
#5fb1fb rgb(95,177,251)
```
#72bafc
```
#72bafc rgb(114,186,252)
```
#85c4fc
```
#85c4fc rgb(133,196,252)
```
#98cdfc
```
#98cdfc rgb(152,205,252)
```
#acd6fd
```
#acd6fd rgb(172,214,253)
```
#bfe0fd
```
#bfe0fd rgb(191,224,253)
```
#d2e9fe
```
#d2e9fe rgb(210,233,254)
```
#e5f2fe
```
#e5f2fe rgb(229,242,254)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

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

#787c80
```
#787c80 rgb(120,124,128)
```
#6f7d89
```
#6f7d89 rgb(111,125,137)
```
#657d93
```
#657d93 rgb(101,125,147)
```
#5c7e9c
```
#5c7e9c rgb(92,126,156)
```
#527ea6
```
#527ea6 rgb(82,126,166)
```
#497faf
```
#497faf rgb(73,127,175)
```
#3f7fb9
```
#3f7fb9 rgb(63,127,185)
```
#3680c2
```
#3680c2 rgb(54,128,194)
```
#2c80cc
```
#2c80cc rgb(44,128,204)
```
#2381d5
```
#2381d5 rgb(35,129,213)
```
#1981df
```
#1981df rgb(25,129,223)
```
#1082e8
```
#1082e8 rgb(16,130,232)
```
#0682f2
```
#0682f2 rgb(6,130,242)
```

Tone Color Variation

Below, you can see how #0682f2 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

#6a6a6a Achromatopsia 0.005% of the population
#566f85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a85ef Protanopia 1% of men
#008be6 Deuteranopia 1% of men
#00969e Tritanopia 0.001% of the population

Trichromacy

#3184f0 Protanomaly 1% of men, 0.01% of women
#0287ea Deuteranomaly 6% of men, 0.4% of women
#028ebd Tritanomaly 0.01% of the population

#0682f2 hex color

#0682f2 Color Information

#0682f2 Color Conversion

Color Schemes with #0682f2

Alternatives to #0682f2

#0682f2 Preview

Shades and Tints of #0682f2

Tones of #0682f2

Color Blindness Simulator