#2493dc hex color

In a RGB color space, hex #2493dc is composed of 14.1% red, 57.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 83.6% cyan, 33.2% magenta, 0% yellow and 13.7% black. It has a hue angle of 203.8 degrees, a saturation of 72.4% and a lightness of 50.2%. #2493dc color hex could be obtained by blending #48ffff with #0027b9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 14
- G 58
- B 86
RGB color chart
- C 84
- M 33
- Y 0
- K 14
CMYK color chart

● #2493dc color description : Bright blue.

The hexadecimal color #2493dc has RGB values of R:36, G:147, B:220 and CMYK values of C:0.84, M:0.33, Y:0, K:0.14. Its decimal value is 2397148.

Hex triplet	2493dc	`#2493dc`
RGB Decimal	36, 147, 220	`rgb(36,147,220)`
RGB Percent	14.1, 57.6, 86.3	`rgb(14.1%,57.6%,86.3%)`
CMYK	84, 33, 0, 14
HSL	203.8°, 72.4, 50.2	`hsl(203.8,72.4%,50.2%)`
HSV (or HSB)	203.8°, 83.6, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.422, -4.42, -45.552
XYZ	24.076, 26.408, 71.534
xyY	0.197, 0.216, 26.408
CIE-LCH	58.422, 45.766, 264.458
CIE-LUV	58.422, -35.034, -71.341
Hunter-Lab	51.388, -6.299, -46.562
Binary	00100100, 10010011, 11011100

#2493dc
```
#2493dc rgb(36,147,220)
```
#dc6d24
```
#dc6d24 rgb(220,109,36)
```

Complementary Color

#24dcc9
```
#24dcc9 rgb(36,220,201)
```
#2493dc
```
#2493dc rgb(36,147,220)
```
#2437dc
```
#2437dc rgb(36,55,220)
```

Analogous Color

#dcc924
```
#dcc924 rgb(220,201,36)
```
#2493dc
```
#2493dc rgb(36,147,220)
```
#dc2437
```
#dc2437 rgb(220,36,55)
```

Split Complementary Color

#93dc24
```
#93dc24 rgb(147,220,36)
```
#2493dc
```
#2493dc rgb(36,147,220)
```
#dc2493
```
#dc2493 rgb(220,36,147)
```

Triadic Color

#24dc6d
```
#24dc6d rgb(36,220,109)
```
#2493dc
```
#2493dc rgb(36,147,220)
```
#dc2493
```
#dc2493 rgb(220,36,147)
```
#dc6d24
```
#dc6d24 rgb(220,109,36)
```

Tetradic Color

#19679b
```
#19679b rgb(25,103,155)
```
#1c76b1
```
#1c76b1 rgb(28,118,177)
```
#2084c7
```
#2084c7 rgb(32,132,199)
```
#2493dc
```
#2493dc rgb(36,147,220)
```
#3a9ee0
```
#3a9ee0 rgb(58,158,224)
```
#50a9e3
```
#50a9e3 rgb(80,169,227)
```
#66b4e7
```
#66b4e7 rgb(102,180,231)
```

Monochromatic Color

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

#24c1dc
```
#24c1dc rgb(36,193,220)
```
#24b2dc
```
#24b2dc rgb(36,178,220)
```
#24a2dc
```
#24a2dc rgb(36,162,220)
```
#2493dc
```
#2493dc rgb(36,147,220)
```
#2484dc
```
#2484dc rgb(36,132,220)
```
#2474dc
```
#2474dc rgb(36,116,220)
```
#2465dc
```
#2465dc rgb(36,101,220)
```

Similar Colors

Text with hexadecimal color #2493dc

This text has a font color of #2493dc.

<span style="color:#2493dc;">Text here</span>

#2493dc background color

This paragraph has a background color of #2493dc.

<p style="background-color:#2493dc;">Content here</p>

#2493dc border color

This element has a border color of #2493dc.

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

CSS codes

.text {color:#2493dc;}

.background {background-color:#2493dc;}

.border {border:1px solid #2493dc;}

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

#000101
```
#000101 rgb(0,1,1)
```
#030c12
```
#030c12 rgb(3,12,18)
```
#061723
```
#061723 rgb(6,23,35)
```
#082234
```
#082234 rgb(8,34,52)
```
#0b2e45
```
#0b2e45 rgb(11,46,69)
```
#0e3955
```
#0e3955 rgb(14,57,85)
```
#104466
```
#104466 rgb(16,68,102)
```
#134f77
```
#134f77 rgb(19,79,119)
```
#165b88
```
#165b88 rgb(22,91,136)
```
#186699
```
#186699 rgb(24,102,153)
```
#1b71aa
```
#1b71aa rgb(27,113,170)
```
#1e7dbb
```
#1e7dbb rgb(30,125,187)
```
#2188cc
```
#2188cc rgb(33,136,204)
```

Shade Color Variation

#2493dc
```
#2493dc rgb(36,147,220)
```
#359bdf
```
#359bdf rgb(53,155,223)
```
#46a4e1
```
#46a4e1 rgb(70,164,225)
```
#57ace4
```
#57ace4 rgb(87,172,228)
```
#68b4e7
```
#68b4e7 rgb(104,180,231)
```
#79bdea
```
#79bdea rgb(121,189,234)
```
#89c5ec
```
#89c5ec rgb(137,197,236)
```
#9acdef
```
#9acdef rgb(154,205,239)
```
#abd6f2
```
#abd6f2 rgb(171,214,242)
```
#bcdef4
```
#bcdef4 rgb(188,222,244)
```
#cde6f7
```
#cde6f7 rgb(205,230,247)
```
#deeffa
```
#deeffa rgb(222,239,250)
```
#eff7fc
```
#eff7fc rgb(239,247,252)
```

Tint Color Variation

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

#7c8184
```
#7c8184 rgb(124,129,132)
```
#72838e
```
#72838e rgb(114,131,142)
```
#688598
```
#688598 rgb(104,133,152)
```
#5f87a1
```
#5f87a1 rgb(95,135,161)
```
#5589ab
```
#5589ab rgb(85,137,171)
```
#4b8bb5
```
#4b8bb5 rgb(75,139,181)
```
#418dbf
```
#418dbf rgb(65,141,191)
```
#388fc8
```
#388fc8 rgb(56,143,200)
```
#2e91d2
```
#2e91d2 rgb(46,145,210)
```
#2493dc
```
#2493dc rgb(36,147,220)
```
#1a95e6
```
#1a95e6 rgb(26,149,230)
```
#1097f0
```
#1097f0 rgb(16,151,240)
```
#0799f9
```
#0799f9 rgb(7,153,249)
```

Tone Color Variation

Below, you can see how #2493dc 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

#7a7a7a Achromatopsia 0.005% of the population
#697f8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7790d7 Protanopia 1% of men
#6192e0 Deuteranopia 1% of men
#00a0ab Tritanopia 0.001% of the population

Trichromacy

#5891d8 Protanomaly 1% of men, 0.01% of women
#4a92de Deuteranomaly 6% of men, 0.4% of women
#0d9bbd Tritanomaly 0.01% of the population

#2493dc hex color

#2493dc Color Information

#2493dc Color Conversion

Color Schemes with #2493dc

Alternatives to #2493dc

#2493dc Preview

Shades and Tints of #2493dc

Tones of #2493dc

Color Blindness Simulator