#2531df hex color

In a RGB color space, hex #2531df is composed of 14.5% red, 19.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 78% magenta, 0% yellow and 12.5% black. It has a hue angle of 236.1 degrees, a saturation of 74.4% and a lightness of 51%. #2531df color hex could be obtained by blending #4a62ff with #0000bf. 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

● #2531df color description : Bright blue.

The hexadecimal color #2531df has RGB values of R:37, G:49, B:223 and CMYK values of C:0.83, M:0.78, Y:0, K:0.13. Its decimal value is 2437599.

Hex triplet	2531df	`#2531df`
RGB Decimal	37, 49, 223	`rgb(37,49,223)`
RGB Percent	14.5, 19.2, 87.5	`rgb(14.5%,19.2%,87.5%)`
CMYK	83, 78, 0, 13
HSL	236.1°, 74.4, 51	`hsl(236.1,74.4%,51%)`
HSV (or HSB)	236.1°, 83.4, 87.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.809, 56.573, -87.177
XYZ	15.178, 7.917, 70.536
xyY	0.162, 0.085, 7.917
CIE-LCH	33.809, 103.925, 302.982
CIE-LUV	33.809, -9.729, -115.212
Hunter-Lab	28.136, 47.051, -128.941
Binary	00100101, 00110001, 11011111

#2531df
```
#2531df rgb(37,49,223)
```
#dfd325
```
#dfd325 rgb(223,211,37)
```

Complementary Color

#258edf
```
#258edf rgb(37,142,223)
```
#2531df
```
#2531df rgb(37,49,223)
```
#7625df
```
#7625df rgb(118,37,223)
```

Analogous Color

#8edf25
```
#8edf25 rgb(142,223,37)
```
#2531df
```
#2531df rgb(37,49,223)
```
#df7625
```
#df7625 rgb(223,118,37)
```

Split Complementary Color

#31df25
```
#31df25 rgb(49,223,37)
```
#2531df
```
#2531df rgb(37,49,223)
```
#df2531
```
#df2531 rgb(223,37,49)
```

Triadic Color

#25dfd3
```
#25dfd3 rgb(37,223,211)
```
#2531df
```
#2531df rgb(37,49,223)
```
#df2531
```
#df2531 rgb(223,37,49)
```
#dfd325
```
#dfd325 rgb(223,211,37)
```

Tetradic Color

#1720a0
```
#1720a0 rgb(23,32,160)
```
#1b25b6
```
#1b25b6 rgb(27,37,182)
```
#1e29cc
```
#1e29cc rgb(30,41,204)
```
#2531df
```
#2531df rgb(37,49,223)
```
#3b46e2
```
#3b46e2 rgb(59,70,226)
```
#515be6
```
#515be6 rgb(81,91,230)
```
#6870e9
```
#6870e9 rgb(104,112,233)
```

Monochromatic Color

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

#2560df
```
#2560df rgb(37,96,223)
```
#2550df
```
#2550df rgb(37,80,223)
```
#2541df
```
#2541df rgb(37,65,223)
```
#2531df
```
#2531df rgb(37,49,223)
```
#2825df
```
#2825df rgb(40,37,223)
```
#3825df
```
#3825df rgb(56,37,223)
```
#4725df
```
#4725df rgb(71,37,223)
```

Similar Colors

Text with hexadecimal color #2531df

This text has a font color of #2531df.

<span style="color:#2531df;">Text here</span>

#2531df background color

This paragraph has a background color of #2531df.

<p style="background-color:#2531df;">Content here</p>

#2531df border color

This element has a border color of #2531df.

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

CSS codes

.text {color:#2531df;}

.background {background-color:#2531df;}

.border {border:1px solid #2531df;}

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

#010104
```
#010104 rgb(1,1,4)
```
#030415
```
#030415 rgb(3,4,21)
```
#060827
```
#060827 rgb(6,8,39)
```
#080b38
```
#080b38 rgb(8,11,56)
```
#0b0f49
```
#0b0f49 rgb(11,15,73)
```
#0d125a
```
#0d125a rgb(13,18,90)
```
#10166b
```
#10166b rgb(16,22,107)
```
#12197c
```
#12197c rgb(18,25,124)
```
#151c8d
```
#151c8d rgb(21,28,141)
```
#17209e
```
#17209e rgb(23,32,158)
```
#1a23af
```
#1a23af rgb(26,35,175)
```
#1c27c1
```
#1c27c1 rgb(28,39,193)
```
#1f2ad2
```
#1f2ad2 rgb(31,42,210)
```

Shade Color Variation

#2531df
```
#2531df rgb(37,49,223)
```
#3641e2
```
#3641e2 rgb(54,65,226)
```
#4751e4
```
#4751e4 rgb(71,81,228)
```
#5861e7
```
#5861e7 rgb(88,97,231)
```
#6972e9
```
#6972e9 rgb(105,114,233)
```
#7b82ec
```
#7b82ec rgb(123,130,236)
```
#8c92ee
```
#8c92ee rgb(140,146,238)
```
#9da2f1
```
#9da2f1 rgb(157,162,241)
```
#aeb2f3
```
#aeb2f3 rgb(174,178,243)
```
#bfc2f6
```
#bfc2f6 rgb(191,194,246)
```
#d0d3f8
```
#d0d3f8 rgb(208,211,248)
```
#e1e3fb
```
#e1e3fb rgb(225,227,251)
```
#f2f3fd
```
#f2f3fd rgb(242,243,253)
```

Tint Color Variation

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

#7c7c88
```
#7c7c88 rgb(124,124,136)
```
#727492
```
#727492 rgb(114,116,146)
```
#686c9c
```
#686c9c rgb(104,108,156)
```
#5f63a5
```
#5f63a5 rgb(95,99,165)
```
#555baf
```
#555baf rgb(85,91,175)
```
#4b52b9
```
#4b52b9 rgb(75,82,185)
```
#424ac2
```
#424ac2 rgb(66,74,194)
```
#3842cc
```
#3842cc rgb(56,66,204)
```
#2f39d5
```
#2f39d5 rgb(47,57,213)
```
#2531df
```
#2531df rgb(37,49,223)
```
#1b29e9
```
#1b29e9 rgb(27,41,233)
```
#1220f2
```
#1220f2 rgb(18,32,242)
```
#0818fc
```
#0818fc rgb(8,24,252)
```

Tone Color Variation

Below, you can see how #2531df 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
#3b3e61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

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

#2531df hex color

#2531df Color Information

#2531df Color Conversion

Color Schemes with #2531df

Alternatives to #2531df

#2531df Preview

Shades and Tints of #2531df

Tones of #2531df

Color Blindness Simulator