#2682f7 hex color

In a RGB color space, hex #2682f7 is composed of 14.9% red, 51% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 84.6% cyan, 47.4% magenta, 0% yellow and 3.1% black. It has a hue angle of 213.6 degrees, a saturation of 92.9% and a lightness of 55.9%. #2682f7 color hex could be obtained by blending #4cffff with #0005ef. Closest websafe color is: #3399ff.

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

● #2682f7 color description : Bright blue.

The hexadecimal color #2682f7 has RGB values of R:38, G:130, B:247 and CMYK values of C:0.85, M:0.47, Y:0, K:0.03. Its decimal value is 2523895.

Hex triplet	2682f7	`#2682f7`
RGB Decimal	38, 130, 247	`rgb(38,130,247)`
RGB Percent	14.9, 51, 96.9	`rgb(14.9%,51%,96.9%)`
CMYK	85, 47, 0, 3
HSL	213.6°, 92.9, 55.9	`hsl(213.6,92.9%,55.9%)`
HSV (or HSB)	213.6°, 84.6, 96.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.166, 16.014, -65.76
XYZ	25.567, 23.091, 91.1
xyY	0.183, 0.165, 23.091
CIE-LCH	55.166, 67.681, 283.686
CIE-LUV	55.166, -28.214, -104.887
Hunter-Lab	48.053, 10.88, -78.767
Binary	00100110, 10000010, 11110111

#2682f7
```
#2682f7 rgb(38,130,247)
```
#f79b26
```
#f79b26 rgb(247,155,38)
```

Complementary Color

#26ebf7
```
#26ebf7 rgb(38,235,247)
```
#2682f7
```
#2682f7 rgb(38,130,247)
```
#3326f7
```
#3326f7 rgb(51,38,247)
```

Analogous Color

#ebf726
```
#ebf726 rgb(235,247,38)
```
#2682f7
```
#2682f7 rgb(38,130,247)
```
#f73226
```
#f73226 rgb(247,50,38)
```

Split Complementary Color

#82f726
```
#82f726 rgb(130,247,38)
```
#2682f7
```
#2682f7 rgb(38,130,247)
```
#f72682
```
#f72682 rgb(247,38,130)
```

Triadic Color

#26f79b
```
#26f79b rgb(38,247,155)
```
#2682f7
```
#2682f7 rgb(38,130,247)
```
#f72682
```
#f72682 rgb(247,38,130)
```
#f79b26
```
#f79b26 rgb(247,155,38)
```

Tetradic Color

#075dc9
```
#075dc9 rgb(7,93,201)
```
#0868e2
```
#0868e2 rgb(8,104,226)
```
#0d74f6
```
#0d74f6 rgb(13,116,246)
```
#2682f7
```
#2682f7 rgb(38,130,247)
```
#3f90f8
```
#3f90f8 rgb(63,144,248)
```
#579ef9
```
#579ef9 rgb(87,158,249)
```
#70adfa
```
#70adfa rgb(112,173,250)
```

Monochromatic Color

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

#26b6f7
```
#26b6f7 rgb(38,182,247)
```
#26a5f7
```
#26a5f7 rgb(38,165,247)
```
#2693f7
```
#2693f7 rgb(38,147,247)
```
#2682f7
```
#2682f7 rgb(38,130,247)
```
#2671f7
```
#2671f7 rgb(38,113,247)
```
#265ff7
```
#265ff7 rgb(38,95,247)
```
#264ef7
```
#264ef7 rgb(38,78,247)
```

Similar Colors

Text with hexadecimal color #2682f7

This text has a font color of #2682f7.

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

#2682f7 background color

This paragraph has a background color of #2682f7.

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

#2682f7 border color

This element has a border color of #2682f7.

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

CSS codes

.text {color:#2682f7;}

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

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

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

#00050a
```
#00050a rgb(0,5,10)
```
#010d1d
```
#010d1d rgb(1,13,29)
```
#021630
```
#021630 rgb(2,22,48)
```
#021f43
```
#021f43 rgb(2,31,67)
```
#032756
```
#032756 rgb(3,39,86)
```
#043069
```
#043069 rgb(4,48,105)
```
#05397c
```
#05397c rgb(5,57,124)
```
#05428e
```
#05428e rgb(5,66,142)
```
#064aa1
```
#064aa1 rgb(6,74,161)
```
#0753b4
```
#0753b4 rgb(7,83,180)
```
#075cc7
```
#075cc7 rgb(7,92,199)
```
#0865da
```
#0865da rgb(8,101,218)
```
#096ded
```
#096ded rgb(9,109,237)
```

Shade Color Variation

#1377f6
```
#1377f6 rgb(19,119,246)
```
#2682f7
```
#2682f7 rgb(38,130,247)
```
#398df8
```
#398df8 rgb(57,141,248)
```
#4c98f8
```
#4c98f8 rgb(76,152,248)
```
#5fa3f9
```
#5fa3f9 rgb(95,163,249)
```
#72aefa
```
#72aefa rgb(114,174,250)
```
#85b8fa
```
#85b8fa rgb(133,184,250)
```
#98c3fb
```
#98c3fb rgb(152,195,251)
```
#aacefc
```
#aacefc rgb(170,206,252)
```
#bdd9fd
```
#bdd9fd rgb(189,217,253)
```
#d0e4fd
```
#d0e4fd rgb(208,228,253)
```
#e3effe
```
#e3effe rgb(227,239,254)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

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

#8e8e8f
```
#8e8e8f rgb(142,142,143)
```
#858d98
```
#858d98 rgb(133,141,152)
```
#7d8ca0
```
#7d8ca0 rgb(125,140,160)
```
#748ba9
```
#748ba9 rgb(116,139,169)
```
#6b8ab2
```
#6b8ab2 rgb(107,138,178)
```
#6389ba
```
#6389ba rgb(99,137,186)
```
#5a88c3
```
#5a88c3 rgb(90,136,195)
```
#5187cc
```
#5187cc rgb(81,135,204)
```
#4986d4
```
#4986d4 rgb(73,134,212)
```
#4085dd
```
#4085dd rgb(64,133,221)
```
#3784e6
```
#3784e6 rgb(55,132,230)
```
#2f83ee
```
#2f83ee rgb(47,131,238)
```
#2682f7
```
#2682f7 rgb(38,130,247)
```

Tone Color Variation

Below, you can see how #2682f7 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
#64778e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4786f5 Protanopia 1% of men
#008de8 Deuteranopia 1% of men
#0098a1 Tritanopia 0.001% of the population

Trichromacy

#3b85f6 Protanomaly 1% of men, 0.01% of women
#0d89ee Deuteranomaly 6% of men, 0.4% of women
#0d90c0 Tritanomaly 0.01% of the population

#2682f7 hex color

#2682f7 Color Information

#2682f7 Color Conversion

Color Schemes with #2682f7

Alternatives to #2682f7

#2682f7 Preview

Shades and Tints of #2682f7

Tones of #2682f7

Color Blindness Simulator