#2180ed hex color

In a RGB color space, hex #2180ed is composed of 12.9% red, 50.2% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 86.1% cyan, 46% magenta, 0% yellow and 7.1% black. It has a hue angle of 212.1 degrees, a saturation of 85% and a lightness of 52.9%. #2180ed color hex could be obtained by blending #42ffff with #0001db. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 13
- G 50
- B 93
RGB color chart
- C 86
- M 46
- Y 0
- K 7
CMYK color chart

● #2180ed color description : Vivid blue.

The hexadecimal color #2180ed has RGB values of R:33, G:128, B:237 and CMYK values of C:0.86, M:0.46, Y:0, K:0.07. Its decimal value is 2195693.

Hex triplet	2180ed	`#2180ed`
RGB Decimal	33, 128, 237	`rgb(33,128,237)`
RGB Percent	12.9, 50.2, 92.9	`rgb(12.9%,50.2%,92.9%)`
CMYK	86, 46, 0, 7
HSL	212.1°, 85, 52.9	`hsl(212.1,85%,52.9%)`
HSV (or HSB)	212.1°, 86.1, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	53.893, 13.129, -62.262
XYZ	23.629, 21.874, 83.093
xyY	0.184, 0.17, 21.874
CIE-LCH	53.893, 63.631, 281.907
CIE-LUV	53.893, -28.431, -98.633
Hunter-Lab	46.77, 8.335, -72.598
Binary	00100001, 10000000, 11101101

#2180ed
```
#2180ed rgb(33,128,237)
```
#ed8e21
```
#ed8e21 rgb(237,142,33)
```

Complementary Color

#21e6ed
```
#21e6ed rgb(33,230,237)
```
#2180ed
```
#2180ed rgb(33,128,237)
```
#2821ed
```
#2821ed rgb(40,33,237)
```

Analogous Color

#e6ed21
```
#e6ed21 rgb(230,237,33)
```
#2180ed
```
#2180ed rgb(33,128,237)
```
#ed2821
```
#ed2821 rgb(237,40,33)
```

Split Complementary Color

#80ed21
```
#80ed21 rgb(128,237,33)
```
#2180ed
```
#2180ed rgb(33,128,237)
```
#ed2180
```
#ed2180 rgb(237,33,128)
```

Triadic Color

#21ed8e
```
#21ed8e rgb(33,237,142)
```
#2180ed
```
#2180ed rgb(33,128,237)
```
#ed2180
```
#ed2180 rgb(237,33,128)
```
#ed8e21
```
#ed8e21 rgb(237,142,33)
```

Tetradic Color

#0f5bb3
```
#0f5bb3 rgb(15,91,179)
```
#1067cb
```
#1067cb rgb(16,103,203)
```
#1273e2
```
#1273e2 rgb(18,115,226)
```
#2180ed
```
#2180ed rgb(33,128,237)
```
#398def
```
#398def rgb(57,141,239)
```
#509bf1
```
#509bf1 rgb(80,155,241)
```
#68a8f3
```
#68a8f3 rgb(104,168,243)
```

Monochromatic Color

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

#21b3ed
```
#21b3ed rgb(33,179,237)
```
#21a2ed
```
#21a2ed rgb(33,162,237)
```
#2191ed
```
#2191ed rgb(33,145,237)
```
#2180ed
```
#2180ed rgb(33,128,237)
```
#216fed
```
#216fed rgb(33,111,237)
```
#215eed
```
#215eed rgb(33,94,237)
```
#214ded
```
#214ded rgb(33,77,237)
```

Similar Colors

Text with hexadecimal color #2180ed

This text has a font color of #2180ed.

<span style="color:#2180ed;">Text here</span>

#2180ed background color

This paragraph has a background color of #2180ed.

<p style="background-color:#2180ed;">Content here</p>

#2180ed border color

This element has a border color of #2180ed.

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

CSS codes

.text {color:#2180ed;}

.background {background-color:#2180ed;}

.border {border:1px solid #2180ed;}

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, #01070e is the darkest color, while #fbfdff is the lightest one.

#01070e
```
#01070e rgb(1,7,14)
```
#031020
```
#031020 rgb(3,16,32)
```
#041a32
```
#041a32 rgb(4,26,50)
```
#062344
```
#062344 rgb(6,35,68)
```
#072c56
```
#072c56 rgb(7,44,86)
```
#083569
```
#083569 rgb(8,53,105)
```
#0a3e7b
```
#0a3e7b rgb(10,62,123)
```
#0b488d
```
#0b488d rgb(11,72,141)
```
#0d519f
```
#0d519f rgb(13,81,159)
```
#0e5ab1
```
#0e5ab1 rgb(14,90,177)
```
#1063c3
```
#1063c3 rgb(16,99,195)
```
#116dd5
```
#116dd5 rgb(17,109,213)
```
#1376e8
```
#1376e8 rgb(19,118,232)
```

Shade Color Variation

#2180ed
```
#2180ed rgb(33,128,237)
```
#338aee
```
#338aee rgb(51,138,238)
```
#4595f0
```
#4595f0 rgb(69,149,240)
```
#579ff1
```
#579ff1 rgb(87,159,241)
```
#6aaaf3
```
#6aaaf3 rgb(106,170,243)
```
#7cb4f4
```
#7cb4f4 rgb(124,180,244)
```
#8ebef6
```
#8ebef6 rgb(142,190,246)
```
#a0c9f7
```
#a0c9f7 rgb(160,201,247)
```
#b2d3f9
```
#b2d3f9 rgb(178,211,249)
```
#c4ddfa
```
#c4ddfa rgb(196,221,250)
```
#d6e8fc
```
#d6e8fc rgb(214,232,252)
```
#e9f2fd
```
#e9f2fd rgb(233,242,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878787 is the less saturated color, while #187ff6 is the most saturated one.

#878787
```
#878787 rgb(135,135,135)
```
#7d8691
```
#7d8691 rgb(125,134,145)
```
#74869a
```
#74869a rgb(116,134,154)
```
#6b85a3
```
#6b85a3 rgb(107,133,163)
```
#6284ac
```
#6284ac rgb(98,132,172)
```
#5884b6
```
#5884b6 rgb(88,132,182)
```
#4f83bf
```
#4f83bf rgb(79,131,191)
```
#4683c8
```
#4683c8 rgb(70,131,200)
```
#3d82d1
```
#3d82d1 rgb(61,130,209)
```
#3381db
```
#3381db rgb(51,129,219)
```
#2a81e4
```
#2a81e4 rgb(42,129,228)
```
#2180ed
```
#2180ed rgb(33,128,237)
```
#187ff6
```
#187ff6 rgb(24,127,246)
```

Tone Color Variation

Below, you can see how #2180ed 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

#707070 Achromatopsia 0.005% of the population
#607389 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c83eb Protanopia 1% of men
#0089e4 Deuteranopia 1% of men
#00949d Tritanopia 0.001% of the population

Trichromacy

#3c82ec Protanomaly 1% of men, 0.01% of women
#0c86e7 Deuteranomaly 6% of men, 0.4% of women
#0c8dba Tritanomaly 0.01% of the population

#2180ed hex color

#2180ed Color Information

#2180ed Color Conversion

Color Schemes with #2180ed

Alternatives to #2180ed

#2180ed Preview

Shades and Tints of #2180ed

Tones of #2180ed

Color Blindness Simulator