#2682c7 hex color

In a RGB color space, hex #2682c7 is composed of 14.9% red, 51% green and 78% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 34.7% magenta, 0% yellow and 22% black. It has a hue angle of 205.7 degrees, a saturation of 67.9% and a lightness of 46.5%. #2682c7 color hex could be obtained by blending #4cffff with #00058f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 15
- G 51
- B 78
RGB color chart
- C 81
- M 35
- Y 0
- K 22
CMYK color chart

● #2682c7 color description : Strong blue.

The hexadecimal color #2682c7 has RGB values of R:38, G:130, B:199 and CMYK values of C:0.81, M:0.35, Y:0, K:0.22. Its decimal value is 2523847.

Hex triplet	2682c7	`#2682c7`
RGB Decimal	38, 130, 199	`rgb(38,130,199)`
RGB Percent	14.9, 51, 78	`rgb(14.9%,51%,78%)`
CMYK	81, 35, 0, 22
HSL	205.7°, 67.9, 46.5	`hsl(205.7,67.9%,46.5%)`
HSV (or HSB)	205.7°, 80.9, 78
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.397, -2.009, -43.245
XYZ	19.088, 20.499, 56.98
xyY	0.198, 0.212, 20.499
CIE-LCH	52.397, 43.291, 267.34
CIE-LUV	52.397, -30.224, -66.42
Hunter-Lab	45.276, -3.978, -42.924
Binary	00100110, 10000010, 11000111

#2682c7
```
#2682c7 rgb(38,130,199)
```
#c76b26
```
#c76b26 rgb(199,107,38)
```

Complementary Color

#26c7bc
```
#26c7bc rgb(38,199,188)
```
#2682c7
```
#2682c7 rgb(38,130,199)
```
#2632c7
```
#2632c7 rgb(38,50,199)
```

Analogous Color

#c7bc26
```
#c7bc26 rgb(199,188,38)
```
#2682c7
```
#2682c7 rgb(38,130,199)
```
#c72632
```
#c72632 rgb(199,38,50)
```

Split Complementary Color

#82c726
```
#82c726 rgb(130,199,38)
```
#2682c7
```
#2682c7 rgb(38,130,199)
```
#c72682
```
#c72682 rgb(199,38,130)
```

Triadic Color

#26c76b
```
#26c76b rgb(38,199,107)
```
#2682c7
```
#2682c7 rgb(38,130,199)
```
#c72682
```
#c72682 rgb(199,38,130)
```
#c76b26
```
#c76b26 rgb(199,107,38)
```

Tetradic Color

#1a5887
```
#1a5887 rgb(26,88,135)
```
#1e669c
```
#1e669c rgb(30,102,156)
```
#2274b2
```
#2274b2 rgb(34,116,178)
```
#2682c7
```
#2682c7 rgb(38,130,199)
```
#2f8fd7
```
#2f8fd7 rgb(47,143,215)
```
#459bdb
```
#459bdb rgb(69,155,219)
```
#5aa6df
```
#5aa6df rgb(90,166,223)
```

Monochromatic Color

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

#26aac7
```
#26aac7 rgb(38,170,199)
```
#269dc7
```
#269dc7 rgb(38,157,199)
```
#268fc7
```
#268fc7 rgb(38,143,199)
```
#2682c7
```
#2682c7 rgb(38,130,199)
```
#2675c7
```
#2675c7 rgb(38,117,199)
```
#2667c7
```
#2667c7 rgb(38,103,199)
```
#265ac7
```
#265ac7 rgb(38,90,199)
```

Similar Colors

Text with hexadecimal color #2682c7

This text has a font color of #2682c7.

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

#2682c7 background color

This paragraph has a background color of #2682c7.

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

#2682c7 border color

This element has a border color of #2682c7.

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

CSS codes

.text {color:#2682c7;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030c12
```
#030c12 rgb(3,12,18)
```
#071622
```
#071622 rgb(7,22,34)
```
#0a2133
```
#0a2133 rgb(10,33,51)
```
#0d2c43
```
#0d2c43 rgb(13,44,67)
```
#103754
```
#103754 rgb(16,55,84)
```
#134164
```
#134164 rgb(19,65,100)
```
#164c75
```
#164c75 rgb(22,76,117)
```
#195785
```
#195785 rgb(25,87,133)
```
#1d6296
```
#1d6296 rgb(29,98,150)
```
#206ca6
```
#206ca6 rgb(32,108,166)
```
#2377b7
```
#2377b7 rgb(35,119,183)
```
#2682c7
```
#2682c7 rgb(38,130,199)
```

Shade Color Variation

#2a8dd6
```
#2a8dd6 rgb(42,141,214)
```
#3b95da
```
#3b95da rgb(59,149,218)
```
#4b9edd
```
#4b9edd rgb(75,158,221)
```
#5ca7e0
```
#5ca7e0 rgb(92,167,224)
```
#6cb0e3
```
#6cb0e3 rgb(108,176,227)
```
#7db9e6
```
#7db9e6 rgb(125,185,230)
```
#8dc2e9
```
#8dc2e9 rgb(141,194,233)
```
#9ecbec
```
#9ecbec rgb(158,203,236)
```
#aed3f0
```
#aed3f0 rgb(174,211,240)
```
#bedcf3
```
#bedcf3 rgb(190,220,243)
```
#cfe5f6
```
#cfe5f6 rgb(207,229,246)
```
#dfeef9
```
#dfeef9 rgb(223,238,249)
```
#f0f7fc
```
#f0f7fc rgb(240,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f787e is the less saturated color, while #0287eb is the most saturated one.

#6f787e
```
#6f787e rgb(111,120,126)
```
#667987
```
#667987 rgb(102,121,135)
```
#5d7a90
```
#5d7a90 rgb(93,122,144)
```
#547b99
```
#547b99 rgb(84,123,153)
```
#4a7da3
```
#4a7da3 rgb(74,125,163)
```
#417eac
```
#417eac rgb(65,126,172)
```
#387fb5
```
#387fb5 rgb(56,127,181)
```
#2f81be
```
#2f81be rgb(47,129,190)
```
#2682c7
```
#2682c7 rgb(38,130,199)
```
#1d83d0
```
#1d83d0 rgb(29,131,208)
```
#1485d9
```
#1485d9 rgb(20,133,217)
```
#0b86e2
```
#0b86e2 rgb(11,134,226)
```
#0287eb
```
#0287eb rgb(2,135,235)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#607280 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6981c4 Protanopia 1% of men
#5484cb Deuteranopia 1% of men
#00909a Tritanopia 0.001% of the population

Trichromacy

#5081c5 Protanomaly 1% of men, 0.01% of women
#4383ca Deuteranomaly 6% of men, 0.4% of women
#0d8baa Tritanomaly 0.01% of the population

#2682c7 hex color

#2682c7 Color Information

#2682c7 Color Conversion

Color Schemes with #2682c7

Alternatives to #2682c7

#2682c7 Preview

Shades and Tints of #2682c7

Tones of #2682c7

Color Blindness Simulator