#2682fd hex color

In a RGB color space, hex #2682fd is composed of 14.9% red, 51% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 48.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 214.3 degrees, a saturation of 98.2% and a lightness of 57.1%. #2682fd color hex could be obtained by blending #4cffff with #0005fb. Closest websafe color is: #3399ff.

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

● #2682fd color description : Bright blue.

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

Hex triplet	2682fd	`#2682fd`
RGB Decimal	38, 130, 253	`rgb(38,130,253)`
RGB Percent	14.9, 51, 99.2	`rgb(14.9%,51%,99.2%)`
CMYK	85, 49, 0, 1
HSL	214.3°, 98.2, 57.1	`hsl(214.3,98.2%,57.1%)`
HSV (or HSB)	214.3°, 85, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.55, 18.268, -68.454
XYZ	26.508, 23.467, 96.056
xyY	0.182, 0.161, 23.467
CIE-LCH	55.55, 70.849, 284.942
CIE-LUV	55.55, -28.017, -109.434
Hunter-Lab	48.443, 12.9, -83.655
Binary	00100110, 10000010, 11111101

#2682fd
```
#2682fd rgb(38,130,253)
```
#fda126
```
#fda126 rgb(253,161,38)
```

Complementary Color

#26eefd
```
#26eefd rgb(38,238,253)
```
#2682fd
```
#2682fd rgb(38,130,253)
```
#3626fd
```
#3626fd rgb(54,38,253)
```

Analogous Color

#eefd26
```
#eefd26 rgb(238,253,38)
```
#2682fd
```
#2682fd rgb(38,130,253)
```
#fd3526
```
#fd3526 rgb(253,53,38)
```

Split Complementary Color

#82fd26
```
#82fd26 rgb(130,253,38)
```
#2682fd
```
#2682fd rgb(38,130,253)
```
#fd2682
```
#fd2682 rgb(253,38,130)
```

Triadic Color

#26fda1
```
#26fda1 rgb(38,253,161)
```
#2682fd
```
#2682fd rgb(38,130,253)
```
#fd2682
```
#fd2682 rgb(253,38,130)
```
#fda126
```
#fda126 rgb(253,161,38)
```

Tetradic Color

#025cd5
```
#025cd5 rgb(2,92,213)
```
#0267ee
```
#0267ee rgb(2,103,238)
```
#0d73fd
```
#0d73fd rgb(13,115,253)
```
#2682fd
```
#2682fd rgb(38,130,253)
```
#3f91fd
```
#3f91fd rgb(63,145,253)
```
#599ffd
```
#599ffd rgb(89,159,253)
```
#72aefe
```
#72aefe rgb(114,174,254)
```

Monochromatic Color

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

#26b8fd
```
#26b8fd rgb(38,184,253)
```
#26a6fd
```
#26a6fd rgb(38,166,253)
```
#2694fd
```
#2694fd rgb(38,148,253)
```
#2682fd
```
#2682fd rgb(38,130,253)
```
#2670fd
```
#2670fd rgb(38,112,253)
```
#265efd
```
#265efd rgb(38,94,253)
```
#264cfd
```
#264cfd rgb(38,76,253)
```

Similar Colors

Text with hexadecimal color #2682fd

This text has a font color of #2682fd.

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

#2682fd background color

This paragraph has a background color of #2682fd.

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

#2682fd border color

This element has a border color of #2682fd.

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

CSS codes

.text {color:#2682fd;}

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

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

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

#000710
```
#000710 rgb(0,7,16)
```
#000f24
```
#000f24 rgb(0,15,36)
```
#011837
```
#011837 rgb(1,24,55)
```
#01204b
```
#01204b rgb(1,32,75)
```
#01295e
```
#01295e rgb(1,41,94)
```
#013171
```
#013171 rgb(1,49,113)
```
#013a85
```
#013a85 rgb(1,58,133)
```
#014298
```
#014298 rgb(1,66,152)
```
#024aac
```
#024aac rgb(2,74,172)
```
#0253bf
```
#0253bf rgb(2,83,191)
```
#025bd3
```
#025bd3 rgb(2,91,211)
```
#0264e6
```
#0264e6 rgb(2,100,230)
```
#026cf9
```
#026cf9 rgb(2,108,249)
```

Shade Color Variation

#1377fd
```
#1377fd rgb(19,119,253)
```
#2682fd
```
#2682fd rgb(38,130,253)
```
#398dfd
```
#398dfd rgb(57,141,253)
```
#4d98fd
```
#4d98fd rgb(77,152,253)
```
#60a4fe
```
#60a4fe rgb(96,164,254)
```
#74affe
```
#74affe rgb(116,175,254)
```
#87bafe
```
#87bafe rgb(135,186,254)
```
#9bc5fe
```
#9bc5fe rgb(155,197,254)
```
#aed0fe
```
#aed0fe rgb(174,208,254)
```
#c1dcfe
```
#c1dcfe rgb(193,220,254)
```
#d5e7ff
```
#d5e7ff rgb(213,231,255)
```
#e8f2ff
```
#e8f2ff rgb(232,242,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#8b9198
```
#8b9198 rgb(139,145,152)
```
#838fa0
```
#838fa0 rgb(131,143,160)
```
#7a8ea9
```
#7a8ea9 rgb(122,142,169)
```
#728db1
```
#728db1 rgb(114,141,177)
```
#698cba
```
#698cba rgb(105,140,186)
```
#618bc2
```
#618bc2 rgb(97,139,194)
```
#5989ca
```
#5989ca rgb(89,137,202)
```
#5088d3
```
#5088d3 rgb(80,136,211)
```
#4887db
```
#4887db rgb(72,135,219)
```
#3f86e4
```
#3f86e4 rgb(63,134,228)
```
#3784ec
```
#3784ec rgb(55,132,236)
```
#2e83f5
```
#2e83f5 rgb(46,131,245)
```
#2682fd
```
#2682fd rgb(38,130,253)
```

Tone Color Variation

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

#3f87fc Protanopia 1% of men
#008ee9 Deuteranopia 1% of men
#0099a2 Tritanopia 0.001% of the population

Trichromacy

#3685fc Protanomaly 1% of men, 0.01% of women
#0d89f0 Deuteranomaly 6% of men, 0.4% of women
#0d90c3 Tritanomaly 0.01% of the population

#2682fd hex color

#2682fd Color Information

#2682fd Color Conversion

Color Schemes with #2682fd

Alternatives to #2682fd

#2682fd Preview

Shades and Tints of #2682fd

Tones of #2682fd

Color Blindness Simulator