#2682da hex color

In a RGB color space, hex #2682da is composed of 14.9% red, 51% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 40.4% magenta, 0% yellow and 14.5% black. It has a hue angle of 209.3 degrees, a saturation of 70.9% and a lightness of 50.2%. #2682da color hex could be obtained by blending #4cffff with #0005b5. Closest websafe color is: #3399cc.

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

● #2682da color description : Bright blue.

The hexadecimal color #2682da has RGB values of R:38, G:130, B:218 and CMYK values of C:0.83, M:0.4, Y:0, K:0.15. Its decimal value is 2523866.

Hex triplet	2682da	`#2682da`
RGB Decimal	38, 130, 218	`rgb(38,130,218)`
RGB Percent	14.9, 51, 85.5	`rgb(14.9%,51%,85.5%)`
CMYK	83, 40, 0, 15
HSL	209.3°, 70.9, 50.2	`hsl(209.3,70.9%,50.2%)`
HSV (or HSB)	209.3°, 82.6, 85.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.425, 5.093, -52.367
XYZ	21.434, 21.437, 69.334
xyY	0.191, 0.191, 21.437
CIE-LCH	53.425, 52.614, 275.555
CIE-LUV	53.425, -29.336, -82.077
Hunter-Lab	46.301, 1.607, -56.375
Binary	00100110, 10000010, 11011010

#2682da
```
#2682da rgb(38,130,218)
```
#da7e26
```
#da7e26 rgb(218,126,38)
```

Complementary Color

#26dad8
```
#26dad8 rgb(38,218,216)
```
#2682da
```
#2682da rgb(38,130,218)
```
#2628da
```
#2628da rgb(38,40,218)
```

Analogous Color

#dad826
```
#dad826 rgb(218,216,38)
```
#2682da
```
#2682da rgb(38,130,218)
```
#da2628
```
#da2628 rgb(218,38,40)
```

Split Complementary Color

#82da26
```
#82da26 rgb(130,218,38)
```
#2682da
```
#2682da rgb(38,130,218)
```
#da2682
```
#da2682 rgb(218,38,130)
```

Triadic Color

#26da7e
```
#26da7e rgb(38,218,126)
```
#2682da
```
#2682da rgb(38,130,218)
```
#da2682
```
#da2682 rgb(218,38,130)
```
#da7e26
```
#da7e26 rgb(218,126,38)
```

Tetradic Color

#1a5b99
```
#1a5b99 rgb(26,91,153)
```
#1e68af
```
#1e68af rgb(30,104,175)
```
#2275c5
```
#2275c5 rgb(34,117,197)
```
#2682da
```
#2682da rgb(38,130,218)
```
#3c8fde
```
#3c8fde rgb(60,143,222)
```
#529be1
```
#529be1 rgb(82,155,225)
```
#67a8e5
```
#67a8e5 rgb(103,168,229)
```

Monochromatic Color

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

#26afda
```
#26afda rgb(38,175,218)
```
#26a0da
```
#26a0da rgb(38,160,218)
```
#2691da
```
#2691da rgb(38,145,218)
```
#2682da
```
#2682da rgb(38,130,218)
```
#2673da
```
#2673da rgb(38,115,218)
```
#2664da
```
#2664da rgb(38,100,218)
```
#2655da
```
#2655da rgb(38,85,218)
```

Similar Colors

Text with hexadecimal color #2682da

This text has a font color of #2682da.

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

#2682da background color

This paragraph has a background color of #2682da.

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

#2682da border color

This element has a border color of #2682da.

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

CSS codes

.text {color:#2682da;}

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

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

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 #eff6fc is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#030a12
```
#030a12 rgb(3,10,18)
```
#061422
```
#061422 rgb(6,20,34)
```
#091e33
```
#091e33 rgb(9,30,51)
```
#0c2844
```
#0c2844 rgb(12,40,68)
```
#0e3255
```
#0e3255 rgb(14,50,85)
```
#113c65
```
#113c65 rgb(17,60,101)
```
#144676
```
#144676 rgb(20,70,118)
```
#175087
```
#175087 rgb(23,80,135)
```
#1a5a98
```
#1a5a98 rgb(26,90,152)
```
#1d64a8
```
#1d64a8 rgb(29,100,168)
```
#206eb9
```
#206eb9 rgb(32,110,185)
```
#2278ca
```
#2278ca rgb(34,120,202)
```

Shade Color Variation

#2682da
```
#2682da rgb(38,130,218)
```
#378cdd
```
#378cdd rgb(55,140,221)
```
#4895e0
```
#4895e0 rgb(72,149,224)
```
#589fe3
```
#589fe3 rgb(88,159,227)
```
#69a9e5
```
#69a9e5 rgb(105,169,229)
```
#7ab2e8
```
#7ab2e8 rgb(122,178,232)
```
#8bbceb
```
#8bbceb rgb(139,188,235)
```
#9bc6ee
```
#9bc6ee rgb(155,198,238)
```
#accff1
```
#accff1 rgb(172,207,241)
```
#bdd9f4
```
#bdd9f4 rgb(189,217,244)
```
#cee3f7
```
#cee3f7 rgb(206,227,247)
```
#deecf9
```
#deecf9 rgb(222,236,249)
```
#eff6fc
```
#eff6fc rgb(239,246,252)
```

Tint Color Variation

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

#7e8082
```
#7e8082 rgb(126,128,130)
```
#74808c
```
#74808c rgb(116,128,140)
```
#6a8096
```
#6a8096 rgb(106,128,150)
```
#61819f
```
#61819f rgb(97,129,159)
```
#5781a9
```
#5781a9 rgb(87,129,169)
```
#4d81b3
```
#4d81b3 rgb(77,129,179)
```
#4381bd
```
#4381bd rgb(67,129,189)
```
#3a82c6
```
#3a82c6 rgb(58,130,198)
```
#3082d0
```
#3082d0 rgb(48,130,208)
```
#2682da
```
#2682da rgb(38,130,218)
```
#1c82e4
```
#1c82e4 rgb(28,130,228)
```
#1282ee
```
#1282ee rgb(18,130,238)
```
#0983f7
```
#0983f7 rgb(9,131,247)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#627486 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f83d7 Protanopia 1% of men
#3987dc Deuteranopia 1% of men
#00939c Tritanopia 0.001% of the population

Trichromacy

#4a82d8 Protanomaly 1% of men, 0.01% of women
#3285db Deuteranomaly 6% of men, 0.4% of women
#0d8db3 Tritanomaly 0.01% of the population

#2682da hex color

#2682da Color Information

#2682da Color Conversion

Color Schemes with #2682da

Alternatives to #2682da

#2682da Preview

Shades and Tints of #2682da

Tones of #2682da

Color Blindness Simulator