#2523ff hex color

In a RGB color space, hex #2523ff is composed of 14.5% red, 13.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 86.3% magenta, 0% yellow and 0% black. It has a hue angle of 240.5 degrees, a saturation of 100% and a lightness of 56.9%. #2523ff color hex could be obtained by blending #4a46ff with #0000ff. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 15
- G 14
- B 100
RGB color chart
- C 85
- M 86
- Y 0
- K 0
CMYK color chart

● #2523ff color description : Vivid blue.

The hexadecimal color #2523ff has RGB values of R:37, G:35, B:255 and CMYK values of C:0.85, M:0.86, Y:0, K:0. Its decimal value is 2434047.

Hex triplet	2523ff	`#2523ff`
RGB Decimal	37, 35, 255	`rgb(37,35,255)`
RGB Percent	14.5, 13.7, 100	`rgb(14.5%,13.7%,100%)`
CMYK	85, 86, 0, 0
HSL	240.5°, 100, 56.9	`hsl(240.5,100%,56.9%)`
HSV (or HSB)	240.5°, 86.3, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.624, 71.928, -102.292
XYZ	19.41, 8.814, 95.28
xyY	0.157, 0.071, 8.814
CIE-LCH	35.624, 125.049, 305.113
CIE-LUV	35.624, -9.428, -132.914
Hunter-Lab	29.688, 64.75, -169.501
Binary	00100101, 00100011, 11111111

#2523ff
```
#2523ff rgb(37,35,255)
```
#fdff23
```
#fdff23 rgb(253,255,35)
```

Complementary Color

#238fff
```
#238fff rgb(35,143,255)
```
#2523ff
```
#2523ff rgb(37,35,255)
```
#9323ff
```
#9323ff rgb(147,35,255)
```

Analogous Color

#8fff23
```
#8fff23 rgb(143,255,35)
```
#2523ff
```
#2523ff rgb(37,35,255)
```
#ff9323
```
#ff9323 rgb(255,147,35)
```

Split Complementary Color

#23ff25
```
#23ff25 rgb(35,255,37)
```
#2523ff
```
#2523ff rgb(37,35,255)
```
#ff2523
```
#ff2523 rgb(255,37,35)
```

Triadic Color

#23fdff
```
#23fdff rgb(35,253,255)
```
#2523ff
```
#2523ff rgb(37,35,255)
```
#ff2523
```
#ff2523 rgb(255,37,35)
```
#fdff23
```
#fdff23 rgb(253,255,35)
```

Tetradic Color

#0200d6
```
#0200d6 rgb(2,0,214)
```
#0200ef
```
#0200ef rgb(2,0,239)
```
#0c09ff
```
#0c09ff rgb(12,9,255)
```
#2523ff
```
#2523ff rgb(37,35,255)
```
#3e3dff
```
#3e3dff rgb(62,61,255)
```
#5856ff
```
#5856ff rgb(88,86,255)
```
#7170ff
```
#7170ff rgb(113,112,255)
```

Monochromatic Color

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

#2358ff
```
#2358ff rgb(35,88,255)
```
#2346ff
```
#2346ff rgb(35,70,255)
```
#2333ff
```
#2333ff rgb(35,51,255)
```
#2523ff
```
#2523ff rgb(37,35,255)
```
#3723ff
```
#3723ff rgb(55,35,255)
```
#4a23ff
```
#4a23ff rgb(74,35,255)
```
#5c23ff
```
#5c23ff rgb(92,35,255)
```

Similar Colors

Text with hexadecimal color #2523ff

This text has a font color of #2523ff.

<span style="color:#2523ff;">Text here</span>

#2523ff background color

This paragraph has a background color of #2523ff.

<p style="background-color:#2523ff;">Content here</p>

#2523ff border color

This element has a border color of #2523ff.

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

CSS codes

.text {color:#2523ff;}

.background {background-color:#2523ff;}

.border {border:1px solid #2523ff;}

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, #00000f is the darkest color, while #fbfbff is the lightest one.

#00000f
```
#00000f rgb(0,0,15)
```
#000023
```
#000023 rgb(0,0,35)
```
#000037
```
#000037 rgb(0,0,55)
```
#01004a
```
#01004a rgb(1,0,74)
```
#01005e
```
#01005e rgb(1,0,94)
```
#010071
```
#010071 rgb(1,0,113)
```
#010085
```
#010085 rgb(1,0,133)
```
#010099
```
#010099 rgb(1,0,153)
```
#0200ac
```
#0200ac rgb(2,0,172)
```
#0200c0
```
#0200c0 rgb(2,0,192)
```
#0200d4
```
#0200d4 rgb(2,0,212)
```
#0200e7
```
#0200e7 rgb(2,0,231)
```
#0200fb
```
#0200fb rgb(2,0,251)
```

Shade Color Variation

#120fff
```
#120fff rgb(18,15,255)
```
#2523ff
```
#2523ff rgb(37,35,255)
```
#3837ff
```
#3837ff rgb(56,55,255)
```
#4c4aff
```
#4c4aff rgb(76,74,255)
```
#5f5eff
```
#5f5eff rgb(95,94,255)
```
#7371ff
```
#7371ff rgb(115,113,255)
```
#8685ff
```
#8685ff rgb(134,133,255)
```
#9a99ff
```
#9a99ff rgb(154,153,255)
```
#adacff
```
#adacff rgb(173,172,255)
```
#c0c0ff
```
#c0c0ff rgb(192,192,255)
```
#d4d4ff
```
#d4d4ff rgb(212,212,255)
```
#e7e7ff
```
#e7e7ff rgb(231,231,255)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

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

#898999
```
#898999 rgb(137,137,153)
```
#8080a2
```
#8080a2 rgb(128,128,162)
```
#7878aa
```
#7878aa rgb(120,120,170)
```
#706fb3
```
#706fb3 rgb(112,111,179)
```
#6767bb
```
#6767bb rgb(103,103,187)
```
#5f5ec4
```
#5f5ec4 rgb(95,94,196)
```
#5756cc
```
#5756cc rgb(87,86,204)
```
#4f4dd5
```
#4f4dd5 rgb(79,77,213)
```
#4645dd
```
#4645dd rgb(70,69,221)
```
#3e3ce6
```
#3e3ce6 rgb(62,60,230)
```
#3634ee
```
#3634ee rgb(54,52,238)
```
#2d2bf7
```
#2d2bf7 rgb(45,43,247)
```
#2523ff
```
#2523ff rgb(37,35,255)
```

Tone Color Variation

Below, you can see how #2523ff 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

#3d3d3d Achromatopsia 0.005% of the population
#383864 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aae Protanopia 1% of men
#005f96 Deuteranopia 1% of men
#00666a Tritanopia 0.001% of the population

Trichromacy

#0d46cb Protanomaly 1% of men, 0.01% of women
#0d49bc Deuteranomaly 6% of men, 0.4% of women
#0d4da0 Tritanomaly 0.01% of the population

#2523ff hex color

#2523ff Color Information

#2523ff Color Conversion

Color Schemes with #2523ff

Alternatives to #2523ff

#2523ff Preview

Shades and Tints of #2523ff

Tones of #2523ff

Color Blindness Simulator