#255aed hex color

In a RGB color space, hex #255aed is composed of 14.5% red, 35.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 62% magenta, 0% yellow and 7.1% black. It has a hue angle of 224.1 degrees, a saturation of 84.7% and a lightness of 53.7%. #255aed color hex could be obtained by blending #4ab4ff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 15
- G 35
- B 93
RGB color chart
- C 84
- M 62
- Y 0
- K 7
CMYK color chart

● #255aed color description : Bright blue.

The hexadecimal color #255aed has RGB values of R:37, G:90, B:237 and CMYK values of C:0.84, M:0.62, Y:0, K:0.07. Its decimal value is 2448109.

Hex triplet	255aed	`#255aed`
RGB Decimal	37, 90, 237	`rgb(37,90,237)`
RGB Percent	14.5, 35.3, 92.9	`rgb(14.5%,35.3%,92.9%)`
CMYK	84, 62, 0, 7
HSL	224.1°, 84.7, 53.7	`hsl(224.1,84.7%,53.7%)`
HSV (or HSB)	224.1°, 84.4, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.972, 37.412, -78.374
XYZ	19.702, 13.819, 81.745
xyY	0.171, 0.12, 13.819
CIE-LCH	43.972, 86.846, 295.518
CIE-LUV	43.972, -17.692, -117.165
Hunter-Lab	37.173, 29.552, -104.359
Binary	00100101, 01011010, 11101101

#255aed
```
#255aed rgb(37,90,237)
```
#edb825
```
#edb825 rgb(237,184,37)
```

Complementary Color

#25beed
```
#25beed rgb(37,190,237)
```
#255aed
```
#255aed rgb(37,90,237)
```
#5425ed
```
#5425ed rgb(84,37,237)
```

Analogous Color

#beed25
```
#beed25 rgb(190,237,37)
```
#255aed
```
#255aed rgb(37,90,237)
```
#ed5425
```
#ed5425 rgb(237,84,37)
```

Split Complementary Color

#5aed25
```
#5aed25 rgb(90,237,37)
```
#255aed
```
#255aed rgb(37,90,237)
```
#ed255a
```
#ed255a rgb(237,37,90)
```

Triadic Color

#25edb8
```
#25edb8 rgb(37,237,184)
```
#255aed
```
#255aed rgb(37,90,237)
```
#ed255a
```
#ed255a rgb(237,37,90)
```
#edb825
```
#edb825 rgb(237,184,37)
```

Tetradic Color

#0f3bb6
```
#0f3bb6 rgb(15,59,182)
```
#1143ce
```
#1143ce rgb(17,67,206)
```
#134be6
```
#134be6 rgb(19,75,230)
```
#255aed
```
#255aed rgb(37,90,237)
```
#3d6cef
```
#3d6cef rgb(61,108,239)
```
#547ef1
```
#547ef1 rgb(84,126,241)
```
#6c8ff3
```
#6c8ff3 rgb(108,143,243)
```

Monochromatic Color

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

#258ced
```
#258ced rgb(37,140,237)
```
#257bed
```
#257bed rgb(37,123,237)
```
#256bed
```
#256bed rgb(37,107,237)
```
#255aed
```
#255aed rgb(37,90,237)
```
#2549ed
```
#2549ed rgb(37,73,237)
```
#2539ed
```
#2539ed rgb(37,57,237)
```
#2528ed
```
#2528ed rgb(37,40,237)
```

Similar Colors

Text with hexadecimal color #255aed

This text has a font color of #255aed.

<span style="color:#255aed;">Text here</span>

#255aed background color

This paragraph has a background color of #255aed.

<p style="background-color:#255aed;">Content here</p>

#255aed border color

This element has a border color of #255aed.

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

CSS codes

.text {color:#255aed;}

.background {background-color:#255aed;}

.border {border:1px solid #255aed;}

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

#010612
```
#010612 rgb(1,6,18)
```
#030c24
```
#030c24 rgb(3,12,36)
```
#041236
```
#041236 rgb(4,18,54)
```
#061748
```
#061748 rgb(6,23,72)
```
#071d5a
```
#071d5a rgb(7,29,90)
```
#09236c
```
#09236c rgb(9,35,108)
```
#0a297e
```
#0a297e rgb(10,41,126)
```
#0c2f90
```
#0c2f90 rgb(12,47,144)
```
#0d35a3
```
#0d35a3 rgb(13,53,163)
```
#0f3bb5
```
#0f3bb5 rgb(15,59,181)
```
#1041c7
```
#1041c7 rgb(16,65,199)
```
#1247d9
```
#1247d9 rgb(18,71,217)
```
#134deb
```
#134deb rgb(19,77,235)
```

Shade Color Variation

#255aed
```
#255aed rgb(37,90,237)
```
#3768ee
```
#3768ee rgb(55,104,238)
```
#4975f0
```
#4975f0 rgb(73,117,240)
```
#5b83f1
```
#5b83f1 rgb(91,131,241)
```
#6d91f3
```
#6d91f3 rgb(109,145,243)
```
#809ff4
```
#809ff4 rgb(128,159,244)
```
#92acf6
```
#92acf6 rgb(146,172,246)
```
#a4baf7
```
#a4baf7 rgb(164,186,247)
```
#b6c8f9
```
#b6c8f9 rgb(182,200,249)
```
#c8d5fa
```
#c8d5fa rgb(200,213,250)
```
#dae3fc
```
#dae3fc rgb(218,227,252)
```
#ecf1fd
```
#ecf1fd rgb(236,241,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#898989
```
#898989 rgb(137,137,137)
```
#808592
```
#808592 rgb(128,133,146)
```
#77809b
```
#77809b rgb(119,128,155)
```
#6e7ca4
```
#6e7ca4 rgb(110,124,164)
```
#6578ad
```
#6578ad rgb(101,120,173)
```
#5b74b7
```
#5b74b7 rgb(91,116,183)
```
#526fc0
```
#526fc0 rgb(82,111,192)
```
#496bc9
```
#496bc9 rgb(73,107,201)
```
#4067d2
```
#4067d2 rgb(64,103,210)
```
#3763db
```
#3763db rgb(55,99,219)
```
#2e5ee4
```
#2e5ee4 rgb(46,94,228)
```
#255aed
```
#255aed rgb(37,90,237)
```
#1c56f6
```
#1c56f6 rgb(28,86,246)
```

Tone Color Variation

Below, you can see how #255aed 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

#5b5b5b Achromatopsia 0.005% of the population
#505b78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b8 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#0d65dc Protanomaly 1% of men, 0.01% of women
#0d69cb Deuteranomaly 6% of men, 0.4% of women
#0d6ea8 Tritanomaly 0.01% of the population

#255aed hex color

#255aed Color Information

#255aed Color Conversion

Color Schemes with #255aed

Alternatives to #255aed

#255aed Preview

Shades and Tints of #255aed

Tones of #255aed

Color Blindness Simulator