#2682fe hex color

In a RGB color space, hex #2682fe is composed of 14.9% red, 51% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 48.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 214.4 degrees, a saturation of 99.1% and a lightness of 57.3%. #2682fe color hex could be obtained by blending #4cffff with #0005fd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 15
- G 51
- B 100
RGB color chart
- C 85
- M 49
- Y 0
- K 0
CMYK color chart

● #2682fe color description : Vivid blue.

The hexadecimal color #2682fe has RGB values of R:38, G:130, B:254 and CMYK values of C:0.85, M:0.49, Y:0, K:0. Its decimal value is 2523902.

Hex triplet	2682fe	`#2682fe`
RGB Decimal	38, 130, 254	`rgb(38,130,254)`
RGB Percent	14.9, 51, 99.6	`rgb(14.9%,51%,99.6%)`
CMYK	85, 49, 0, 0
HSL	214.4°, 99.1, 57.3	`hsl(214.4,99.1%,57.3%)`
HSV (or HSB)	214.4°, 85, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.615, 18.643, -68.9
XYZ	26.667, 23.531, 96.897
xyY	0.181, 0.16, 23.531
CIE-LCH	55.615, 71.378, 285.141
CIE-LUV	55.615, -27.986, -110.186
Hunter-Lab	48.509, 13.239, -84.477
Binary	00100110, 10000010, 11111110

#2682fe
```
#2682fe rgb(38,130,254)
```
#fea226
```
#fea226 rgb(254,162,38)
```

Complementary Color

#26eefe
```
#26eefe rgb(38,238,254)
```
#2682fe
```
#2682fe rgb(38,130,254)
```
#3626fe
```
#3626fe rgb(54,38,254)
```

Analogous Color

#eefe26
```
#eefe26 rgb(238,254,38)
```
#2682fe
```
#2682fe rgb(38,130,254)
```
#fe3626
```
#fe3626 rgb(254,54,38)
```

Split Complementary Color

#82fe26
```
#82fe26 rgb(130,254,38)
```
#2682fe
```
#2682fe rgb(38,130,254)
```
#fe2682
```
#fe2682 rgb(254,38,130)
```

Triadic Color

#26fea2
```
#26fea2 rgb(38,254,162)
```
#2682fe
```
#2682fe rgb(38,130,254)
```
#fe2682
```
#fe2682 rgb(254,38,130)
```
#fea226
```
#fea226 rgb(254,162,38)
```

Tetradic Color

#015cd7
```
#015cd7 rgb(1,92,215)
```
#0167f0
```
#0167f0 rgb(1,103,240)
```
#0d73fe
```
#0d73fe rgb(13,115,254)
```
#2682fe
```
#2682fe rgb(38,130,254)
```
#3f91fe
```
#3f91fe rgb(63,145,254)
```
#599ffe
```
#599ffe rgb(89,159,254)
```
#72aefe
```
#72aefe rgb(114,174,254)
```

Monochromatic Color

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

#26b8fe
```
#26b8fe rgb(38,184,254)
```
#26a6fe
```
#26a6fe rgb(38,166,254)
```
#2694fe
```
#2694fe rgb(38,148,254)
```
#2682fe
```
#2682fe rgb(38,130,254)
```
#2670fe
```
#2670fe rgb(38,112,254)
```
#265efe
```
#265efe rgb(38,94,254)
```
#264cfe
```
#264cfe rgb(38,76,254)
```

Similar Colors

Text with hexadecimal color #2682fe

This text has a font color of #2682fe.

<span style="color:#2682fe;">Text here</span>

#2682fe background color

This paragraph has a background color of #2682fe.

<p style="background-color:#2682fe;">Content here</p>

#2682fe border color

This element has a border color of #2682fe.

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

CSS codes

.text {color:#2682fe;}

.background {background-color:#2682fe;}

.border {border:1px solid #2682fe;}

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

#000711
```
#000711 rgb(0,7,17)
```
#001025
```
#001025 rgb(0,16,37)
```
#001838
```
#001838 rgb(0,24,56)
```
#00214c
```
#00214c rgb(0,33,76)
```
#00295f
```
#00295f rgb(0,41,95)
```
#013173
```
#013173 rgb(1,49,115)
```
#013a86
```
#013a86 rgb(1,58,134)
```
#01429a
```
#01429a rgb(1,66,154)
```
#014aae
```
#014aae rgb(1,74,174)
```
#0153c1
```
#0153c1 rgb(1,83,193)
```
#015bd5
```
#015bd5 rgb(1,91,213)
```
#0163e8
```
#0163e8 rgb(1,99,232)
```
#016cfc
```
#016cfc rgb(1,108,252)
```

Shade Color Variation

#1277fe
```
#1277fe rgb(18,119,254)
```
#2682fe
```
#2682fe rgb(38,130,254)
```
#3a8dfe
```
#3a8dfe rgb(58,141,254)
```
#4d98fe
```
#4d98fe rgb(77,152,254)
```
#61a4fe
```
#61a4fe rgb(97,164,254)
```
#74affe
```
#74affe rgb(116,175,254)
```
#88bafe
```
#88bafe rgb(136,186,254)
```
#9bc5ff
```
#9bc5ff rgb(155,197,255)
```
#afd1ff
```
#afd1ff rgb(175,209,255)
```
#c2dcff
```
#c2dcff rgb(194,220,255)
```
#d6e7ff
```
#d6e7ff rgb(214,231,255)
```
#e9f2ff
```
#e9f2ff rgb(233,242,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b9199 is the less saturated color, while #2682fe is the most saturated one.

#8b9199
```
#8b9199 rgb(139,145,153)
```
#8290a2
```
#8290a2 rgb(130,144,162)
```
#7a8eaa
```
#7a8eaa rgb(122,142,170)
```
#718db3
```
#718db3 rgb(113,141,179)
```
#698cbb
```
#698cbb rgb(105,140,187)
```
#618bc3
```
#618bc3 rgb(97,139,195)
```
#5889cc
```
#5889cc rgb(88,137,204)
```
#5088d4
```
#5088d4 rgb(80,136,212)
```
#4887dc
```
#4887dc rgb(72,135,220)
```
#3f86e5
```
#3f86e5 rgb(63,134,229)
```
#3784ed
```
#3784ed rgb(55,132,237)
```
#2e83f6
```
#2e83f6 rgb(46,131,246)
```
#2682fe
```
#2682fe rgb(38,130,254)
```

Tone Color Variation

Below, you can see how #2682fe 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

#757575 Achromatopsia 0.005% of the population
#657890 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d87fd Protanopia 1% of men
#008eea Deuteranopia 1% of men
#0099a2 Tritanopia 0.001% of the population

Trichromacy

#3585fd Protanomaly 1% of men, 0.01% of women
#0d89f1 Deuteranomaly 6% of men, 0.4% of women
#0d90c3 Tritanomaly 0.01% of the population

#2682fe hex color

#2682fe Color Information

#2682fe Color Conversion

Color Schemes with #2682fe

Alternatives to #2682fe

#2682fe Preview

Shades and Tints of #2682fe

Tones of #2682fe

Color Blindness Simulator