#2564ea hex color

In a RGB color space, hex #2564ea is composed of 14.5% red, 39.2% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 57.3% magenta, 0% yellow and 8.2% black. It has a hue angle of 220.8 degrees, a saturation of 82.4% and a lightness of 53.1%. #2564ea color hex could be obtained by blending #4ac8ff with #0000d5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 15
- G 39
- B 92
RGB color chart
- C 84
- M 57
- Y 0
- K 8
CMYK color chart

● #2564ea color description : Bright blue.

The hexadecimal color #2564ea has RGB values of R:37, G:100, B:234 and CMYK values of C:0.84, M:0.57, Y:0, K:0.08. Its decimal value is 2450666.

Hex triplet	2564ea	`#2564ea`
RGB Decimal	37, 100, 234	`rgb(37,100,234)`
RGB Percent	14.5, 39.2, 91.8	`rgb(14.5%,39.2%,91.8%)`
CMYK	84, 57, 0, 8
HSL	220.8°, 82.4, 53.1	`hsl(220.8,82.4%,53.1%)`
HSV (or HSB)	220.8°, 84.2, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.24, 29.951, -72.977
XYZ	20.168, 15.447, 79.756
xyY	0.175, 0.134, 15.447
CIE-LCH	46.24, 78.884, 292.314
CIE-LUV	46.24, -20.186, -111.375
Hunter-Lab	39.302, 22.82, -92.806
Binary	00100101, 01100100, 11101010

#2564ea
```
#2564ea rgb(37,100,234)
```
#eaab25
```
#eaab25 rgb(234,171,37)
```

Complementary Color

#25c7ea
```
#25c7ea rgb(37,199,234)
```
#2564ea
```
#2564ea rgb(37,100,234)
```
#4925ea
```
#4925ea rgb(73,37,234)
```

Analogous Color

#c7ea25
```
#c7ea25 rgb(199,234,37)
```
#2564ea
```
#2564ea rgb(37,100,234)
```
#ea4925
```
#ea4925 rgb(234,73,37)
```

Split Complementary Color

#64ea25
```
#64ea25 rgb(100,234,37)
```
#2564ea
```
#2564ea rgb(37,100,234)
```
#ea2564
```
#ea2564 rgb(234,37,100)
```

Triadic Color

#25eaab
```
#25eaab rgb(37,234,171)
```
#2564ea
```
#2564ea rgb(37,100,234)
```
#ea2564
```
#ea2564 rgb(234,37,100)
```
#eaab25
```
#eaab25 rgb(234,171,37)
```

Tetradic Color

#1144b1
```
#1144b1 rgb(17,68,177)
```
#134dc9
```
#134dc9 rgb(19,77,201)
```
#1656e0
```
#1656e0 rgb(22,86,224)
```
#2564ea
```
#2564ea rgb(37,100,234)
```
#3c75ec
```
#3c75ec rgb(60,117,236)
```
#5485ee
```
#5485ee rgb(84,133,238)
```
#6b96f1
```
#6b96f1 rgb(107,150,241)
```

Monochromatic Color

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

#2595ea
```
#2595ea rgb(37,149,234)
```
#2585ea
```
#2585ea rgb(37,133,234)
```
#2574ea
```
#2574ea rgb(37,116,234)
```
#2564ea
```
#2564ea rgb(37,100,234)
```
#2554ea
```
#2554ea rgb(37,84,234)
```
#2543ea
```
#2543ea rgb(37,67,234)
```
#2533ea
```
#2533ea rgb(37,51,234)
```

Similar Colors

Text with hexadecimal color #2564ea

This text has a font color of #2564ea.

<span style="color:#2564ea;">Text here</span>

#2564ea background color

This paragraph has a background color of #2564ea.

<p style="background-color:#2564ea;">Content here</p>

#2564ea border color

This element has a border color of #2564ea.

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

CSS codes

.text {color:#2564ea;}

.background {background-color:#2564ea;}

.border {border:1px solid #2564ea;}

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

#01060f
```
#01060f rgb(1,6,15)
```
#030d20
```
#030d20 rgb(3,13,32)
```
#051332
```
#051332 rgb(5,19,50)
```
#071a44
```
#071a44 rgb(7,26,68)
```
#082156
```
#082156 rgb(8,33,86)
```
#0a2868
```
#0a2868 rgb(10,40,104)
```
#0c2f7a
```
#0c2f7a rgb(12,47,122)
```
#0d368c
```
#0d368c rgb(13,54,140)
```
#0f3d9e
```
#0f3d9e rgb(15,61,158)
```
#1144b0
```
#1144b0 rgb(17,68,176)
```
#134bc2
```
#134bc2 rgb(19,75,194)
```
#1451d3
```
#1451d3 rgb(20,81,211)
```
#1658e5
```
#1658e5 rgb(22,88,229)
```

Shade Color Variation

#2564ea
```
#2564ea rgb(37,100,234)
```
#3771ec
```
#3771ec rgb(55,113,236)
```
#497ded
```
#497ded rgb(73,125,237)
```
#5b8aef
```
#5b8aef rgb(91,138,239)
```
#6d97f1
```
#6d97f1 rgb(109,151,241)
```
#7ea4f3
```
#7ea4f3 rgb(126,164,243)
```
#90b0f4
```
#90b0f4 rgb(144,176,244)
```
#a2bdf6
```
#a2bdf6 rgb(162,189,246)
```
#b4caf8
```
#b4caf8 rgb(180,202,248)
```
#c6d6fa
```
#c6d6fa rgb(198,214,250)
```
#d8e3fb
```
#d8e3fb rgb(216,227,251)
```
#eaf0fd
```
#eaf0fd rgb(234,240,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81858e is the less saturated color, while #135dfc is the most saturated one.

#81858e
```
#81858e rgb(129,133,142)
```
#788297
```
#788297 rgb(120,130,151)
```
#6f7fa0
```
#6f7fa0 rgb(111,127,160)
```
#657baa
```
#657baa rgb(101,123,170)
```
#5c78b3
```
#5c78b3 rgb(92,120,179)
```
#5375bc
```
#5375bc rgb(83,117,188)
```
#4a71c5
```
#4a71c5 rgb(74,113,197)
```
#416ece
```
#416ece rgb(65,110,206)
```
#376bd8
```
#376bd8 rgb(55,107,216)
```
#2e67e1
```
#2e67e1 rgb(46,103,225)
```
#2564ea
```
#2564ea rgb(37,100,234)
```
#1c61f3
```
#1c61f3 rgb(28,97,243)
```
#135dfc
```
#135dfc rgb(19,93,252)
```

Tone Color Variation

Below, you can see how #2564ea 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

#606060 Achromatopsia 0.005% of the population
#54617c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071de Protanopia 1% of men
#0077c2 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#0d6ce2 Protanomaly 1% of men, 0.01% of women
#0d70d0 Deuteranomaly 6% of men, 0.4% of women
#0d76ab Tritanomaly 0.01% of the population

#2564ea hex color

#2564ea Color Information

#2564ea Color Conversion

Color Schemes with #2564ea

Alternatives to #2564ea

#2564ea Preview

Shades and Tints of #2564ea

Tones of #2564ea

Color Blindness Simulator