#2682f9 hex color

In a RGB color space, hex #2682f9 is composed of 14.9% red, 51% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 84.7% cyan, 47.8% magenta, 0% yellow and 2.4% black. It has a hue angle of 213.8 degrees, a saturation of 94.6% and a lightness of 56.3%. #2682f9 color hex could be obtained by blending #4cffff with #0005f3. Closest websafe color is: #3399ff.

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

● #2682f9 color description : Bright blue.

The hexadecimal color #2682f9 has RGB values of R:38, G:130, B:249 and CMYK values of C:0.85, M:0.48, Y:0, K:0.02. Its decimal value is 2523897.

Hex triplet	2682f9	`#2682f9`
RGB Decimal	38, 130, 249	`rgb(38,130,249)`
RGB Percent	14.9, 51, 97.6	`rgb(14.9%,51%,97.6%)`
CMYK	85, 48, 0, 2
HSL	213.8°, 94.6, 56.3	`hsl(213.8,94.6%,56.3%)`
HSV (or HSB)	213.8°, 84.7, 97.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.293, 16.766, -66.66
XYZ	25.877, 23.215, 92.734
xyY	0.182, 0.164, 23.215
CIE-LCH	55.293, 68.736, 284.118
CIE-LUV	55.293, -28.147, -106.409
Hunter-Lab	48.182, 11.55, -80.387
Binary	00100110, 10000010, 11111001

#2682f9
```
#2682f9 rgb(38,130,249)
```
#f99d26
```
#f99d26 rgb(249,157,38)
```

Complementary Color

#26ecf9
```
#26ecf9 rgb(38,236,249)
```
#2682f9
```
#2682f9 rgb(38,130,249)
```
#3326f9
```
#3326f9 rgb(51,38,249)
```

Analogous Color

#ecf926
```
#ecf926 rgb(236,249,38)
```
#2682f9
```
#2682f9 rgb(38,130,249)
```
#f93326
```
#f93326 rgb(249,51,38)
```

Split Complementary Color

#82f926
```
#82f926 rgb(130,249,38)
```
#2682f9
```
#2682f9 rgb(38,130,249)
```
#f92682
```
#f92682 rgb(249,38,130)
```

Triadic Color

#26f99d
```
#26f99d rgb(38,249,157)
```
#2682f9
```
#2682f9 rgb(38,130,249)
```
#f92682
```
#f92682 rgb(249,38,130)
```
#f99d26
```
#f99d26 rgb(249,157,38)
```

Tetradic Color

#065dcd
```
#065dcd rgb(6,93,205)
```
#0668e6
```
#0668e6 rgb(6,104,230)
```
#0d74f8
```
#0d74f8 rgb(13,116,248)
```
#2682f9
```
#2682f9 rgb(38,130,249)
```
#3f90fa
```
#3f90fa rgb(63,144,250)
```
#589ffa
```
#589ffa rgb(88,159,250)
```
#70adfb
```
#70adfb rgb(112,173,251)
```

Monochromatic Color

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

#26b7f9
```
#26b7f9 rgb(38,183,249)
```
#26a5f9
```
#26a5f9 rgb(38,165,249)
```
#2694f9
```
#2694f9 rgb(38,148,249)
```
#2682f9
```
#2682f9 rgb(38,130,249)
```
#2670f9
```
#2670f9 rgb(38,112,249)
```
#265ff9
```
#265ff9 rgb(38,95,249)
```
#264df9
```
#264df9 rgb(38,77,249)
```

Similar Colors

Text with hexadecimal color #2682f9

This text has a font color of #2682f9.

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

#2682f9 background color

This paragraph has a background color of #2682f9.

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

#2682f9 border color

This element has a border color of #2682f9.

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

CSS codes

.text {color:#2682f9;}

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

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

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

#00050c
```
#00050c rgb(0,5,12)
```
#010e1f
```
#010e1f rgb(1,14,31)
```
#011732
```
#011732 rgb(1,23,50)
```
#021f45
```
#021f45 rgb(2,31,69)
```
#022858
```
#022858 rgb(2,40,88)
```
#03316b
```
#03316b rgb(3,49,107)
```
#03397f
```
#03397f rgb(3,57,127)
```
#044292
```
#044292 rgb(4,66,146)
```
#054aa5
```
#054aa5 rgb(5,74,165)
```
#0553b8
```
#0553b8 rgb(5,83,184)
```
#065ccb
```
#065ccb rgb(6,92,203)
```
#0664de
```
#0664de rgb(6,100,222)
```
#076df1
```
#076df1 rgb(7,109,241)
```

Shade Color Variation

#1377f8
```
#1377f8 rgb(19,119,248)
```
#2682f9
```
#2682f9 rgb(38,130,249)
```
#398dfa
```
#398dfa rgb(57,141,250)
```
#4c98fa
```
#4c98fa rgb(76,152,250)
```
#5fa3fb
```
#5fa3fb rgb(95,163,251)
```
#72aefb
```
#72aefb rgb(114,174,251)
```
#85b9fc
```
#85b9fc rgb(133,185,252)
```
#99c4fc
```
#99c4fc rgb(153,196,252)
```
#accffd
```
#accffd rgb(172,207,253)
```
#bfdafd
```
#bfdafd rgb(191,218,253)
```
#d2e5fe
```
#d2e5fe rgb(210,229,254)
```
#e5f0fe
```
#e5f0fe rgb(229,240,254)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

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

#8d8f92
```
#8d8f92 rgb(141,143,146)
```
#848e9b
```
#848e9b rgb(132,142,155)
```
#7c8da3
```
#7c8da3 rgb(124,141,163)
```
#738cac
```
#738cac rgb(115,140,172)
```
#6b8bb4
```
#6b8bb4 rgb(107,139,180)
```
#628abd
```
#628abd rgb(98,138,189)
```
#5989c6
```
#5989c6 rgb(89,137,198)
```
#5187ce
```
#5187ce rgb(81,135,206)
```
#4886d7
```
#4886d7 rgb(72,134,215)
```
#4085df
```
#4085df rgb(64,133,223)
```
#3784e8
```
#3784e8 rgb(55,132,232)
```
#2f83f0
```
#2f83f0 rgb(47,131,240)
```
#2682f9
```
#2682f9 rgb(38,130,249)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#64778f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4487f7 Protanopia 1% of men
#008de9 Deuteranopia 1% of men
#0098a1 Tritanopia 0.001% of the population

Trichromacy

#3985f8 Protanomaly 1% of men, 0.01% of women
#0d89ee Deuteranomaly 6% of men, 0.4% of women
#0d90c1 Tritanomaly 0.01% of the population

#2682f9 hex color

#2682f9 Color Information

#2682f9 Color Conversion

Color Schemes with #2682f9

Alternatives to #2682f9

#2682f9 Preview

Shades and Tints of #2682f9

Tones of #2682f9

Color Blindness Simulator