#2530de hex color

In a RGB color space, hex #2530de is composed of 14.5% red, 18.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 78.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 236.4 degrees, a saturation of 73.7% and a lightness of 50.8%. #2530de color hex could be obtained by blending #4a60ff with #0000bd. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 15
- G 19
- B 87
RGB color chart
- C 83
- M 78
- Y 0
- K 13
CMYK color chart

● #2530de color description : Bright blue.

The hexadecimal color #2530de has RGB values of R:37, G:48, B:222 and CMYK values of C:0.83, M:0.78, Y:0, K:0.13. Its decimal value is 2437342.

Hex triplet	2530de	`#2530de`
RGB Decimal	37, 48, 222	`rgb(37,48,222)`
RGB Percent	14.5, 18.8, 87.1	`rgb(14.5%,18.8%,87.1%)`
CMYK	83, 78, 0, 13
HSL	236.4°, 73.7, 50.8	`hsl(236.4,73.7%,50.8%)`
HSV (or HSB)	236.4°, 83.3, 87.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.521, 56.763, -87.081
XYZ	15.002, 7.78, 69.814
xyY	0.162, 0.084, 7.78
CIE-LCH	33.521, 103.948, 303.098
CIE-LUV	33.521, -9.56, -114.644
Hunter-Lab	27.893, 47.193, -128.875
Binary	00100101, 00110000, 11011110

#2530de
```
#2530de rgb(37,48,222)
```
#ded325
```
#ded325 rgb(222,211,37)
```

Complementary Color

#258dde
```
#258dde rgb(37,141,222)
```
#2530de
```
#2530de rgb(37,48,222)
```
#7725de
```
#7725de rgb(119,37,222)
```

Analogous Color

#8dde25
```
#8dde25 rgb(141,222,37)
```
#2530de
```
#2530de rgb(37,48,222)
```
#de7725
```
#de7725 rgb(222,119,37)
```

Split Complementary Color

#30de25
```
#30de25 rgb(48,222,37)
```
#2530de
```
#2530de rgb(37,48,222)
```
#de2530
```
#de2530 rgb(222,37,48)
```

Triadic Color

#25ded3
```
#25ded3 rgb(37,222,211)
```
#2530de
```
#2530de rgb(37,48,222)
```
#de2530
```
#de2530 rgb(222,37,48)
```
#ded325
```
#ded325 rgb(222,211,37)
```

Tetradic Color

#18209f
```
#18209f rgb(24,32,159)
```
#1b24b5
```
#1b24b5 rgb(27,36,181)
```
#1f29cb
```
#1f29cb rgb(31,41,203)
```
#2530de
```
#2530de rgb(37,48,222)
```
#3b45e1
```
#3b45e1 rgb(59,69,225)
```
#515ae5
```
#515ae5 rgb(81,90,229)
```
#676fe8
```
#676fe8 rgb(103,111,232)
```

Monochromatic Color

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

#255ede
```
#255ede rgb(37,94,222)
```
#254fde
```
#254fde rgb(37,79,222)
```
#253fde
```
#253fde rgb(37,63,222)
```
#2530de
```
#2530de rgb(37,48,222)
```
#2925de
```
#2925de rgb(41,37,222)
```
#3925de
```
#3925de rgb(57,37,222)
```
#4825de
```
#4825de rgb(72,37,222)
```

Similar Colors

Text with hexadecimal color #2530de

This text has a font color of #2530de.

<span style="color:#2530de;">Text here</span>

#2530de background color

This paragraph has a background color of #2530de.

<p style="background-color:#2530de;">Content here</p>

#2530de border color

This element has a border color of #2530de.

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

CSS codes

.text {color:#2530de;}

.background {background-color:#2530de;}

.border {border:1px solid #2530de;}

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

#010103
```
#010103 rgb(1,1,3)
```
#030415
```
#030415 rgb(3,4,21)
```
#060826
```
#060826 rgb(6,8,38)
```
#080b37
```
#080b37 rgb(8,11,55)
```
#0b0e48
```
#0b0e48 rgb(11,14,72)
```
#0d1259
```
#0d1259 rgb(13,18,89)
```
#10156a
```
#10156a rgb(16,21,106)
```
#13197b
```
#13197b rgb(19,25,123)
```
#151c8c
```
#151c8c rgb(21,28,140)
```
#18209d
```
#18209d rgb(24,32,157)
```
#1a23ae
```
#1a23ae rgb(26,35,174)
```
#1d27bf
```
#1d27bf rgb(29,39,191)
```
#1f2ad0
```
#1f2ad0 rgb(31,42,208)
```

Shade Color Variation

#2530de
```
#2530de rgb(37,48,222)
```
#3640e1
```
#3640e1 rgb(54,64,225)
```
#4750e3
```
#4750e3 rgb(71,80,227)
```
#5861e6
```
#5861e6 rgb(88,97,230)
```
#6971e8
```
#6971e8 rgb(105,113,232)
```
#7a81eb
```
#7a81eb rgb(122,129,235)
```
#8b91ed
```
#8b91ed rgb(139,145,237)
```
#9ca1f0
```
#9ca1f0 rgb(156,161,240)
```
#adb1f3
```
#adb1f3 rgb(173,177,243)
```
#bec2f5
```
#bec2f5 rgb(190,194,245)
```
#cfd2f8
```
#cfd2f8 rgb(207,210,248)
```
#e0e2fa
```
#e0e2fa rgb(224,226,250)
```
#f1f2fd
```
#f1f2fd rgb(241,242,253)
```

Tint Color Variation

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

#7c7d87
```
#7c7d87 rgb(124,125,135)
```
#727491
```
#727491 rgb(114,116,145)
```
#696c9a
```
#696c9a rgb(105,108,154)
```
#5f63a4
```
#5f63a4 rgb(95,99,164)
```
#555bae
```
#555bae rgb(85,91,174)
```
#4c52b7
```
#4c52b7 rgb(76,82,183)
```
#424ac1
```
#424ac1 rgb(66,74,193)
```
#3841cb
```
#3841cb rgb(56,65,203)
```
#2f39d4
```
#2f39d4 rgb(47,57,212)
```
#2530de
```
#2530de rgb(37,48,222)
```
#1b27e8
```
#1b27e8 rgb(27,39,232)
```
#121ff1
```
#121ff1 rgb(18,31,241)
```
#0816fb
```
#0816fb rgb(8,22,251)
```

Tone Color Variation

Below, you can see how #2530de 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

#414141 Achromatopsia 0.005% of the population
#3b3e60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a8f Deuteranopia 1% of men
#006065 Tritanopia 0.001% of the population

Trichromacy

#0d47ba Protanomaly 1% of men, 0.01% of women
#0d4bac Deuteranomaly 6% of men, 0.4% of women
#0d4f91 Tritanomaly 0.01% of the population

#2530de hex color

#2530de Color Information

#2530de Color Conversion

Color Schemes with #2530de

Alternatives to #2530de

#2530de Preview

Shades and Tints of #2530de

Tones of #2530de

Color Blindness Simulator