#257aed hex color

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

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

● #257aed color description : Bright blue.

The hexadecimal color #257aed has RGB values of R:37, G:122, B:237 and CMYK values of C:0.84, M:0.49, Y:0, K:0.07. Its decimal value is 2456301.

Hex triplet	257aed	`#257aed`
RGB Decimal	37, 122, 237	`rgb(37,122,237)`
RGB Percent	14.5, 47.8, 92.9	`rgb(14.5%,47.8%,92.9%)`
CMYK	84, 49, 0, 7
HSL	214.5°, 84.7, 53.7	`hsl(214.5,84.7%,53.7%)`
HSV (or HSB)	214.5°, 84.4, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	52.314, 17.143, -64.803
XYZ	23.005, 20.425, 82.846
xyY	0.182, 0.162, 20.425
CIE-LCH	52.314, 67.032, 284.818
CIE-LUV	52.314, -26.259, -102.187
Hunter-Lab	45.194, 11.773, -77.05
Binary	00100101, 01111010, 11101101

#257aed
```
#257aed rgb(37,122,237)
```
#ed9825
```
#ed9825 rgb(237,152,37)
```

Complementary Color

#25deed
```
#25deed rgb(37,222,237)
```
#257aed
```
#257aed rgb(37,122,237)
```
#3425ed
```
#3425ed rgb(52,37,237)
```

Analogous Color

#deed25
```
#deed25 rgb(222,237,37)
```
#257aed
```
#257aed rgb(37,122,237)
```
#ed3425
```
#ed3425 rgb(237,52,37)
```

Split Complementary Color

#7aed25
```
#7aed25 rgb(122,237,37)
```
#257aed
```
#257aed rgb(37,122,237)
```
#ed257a
```
#ed257a rgb(237,37,122)
```

Triadic Color

#25ed98
```
#25ed98 rgb(37,237,152)
```
#257aed
```
#257aed rgb(37,122,237)
```
#ed257a
```
#ed257a rgb(237,37,122)
```
#ed9825
```
#ed9825 rgb(237,152,37)
```

Tetradic Color

#0f56b6
```
#0f56b6 rgb(15,86,182)
```
#1161ce
```
#1161ce rgb(17,97,206)
```
#136ce6
```
#136ce6 rgb(19,108,230)
```
#257aed
```
#257aed rgb(37,122,237)
```
#3d88ef
```
#3d88ef rgb(61,136,239)
```
#5497f1
```
#5497f1 rgb(84,151,241)
```
#6ca5f3
```
#6ca5f3 rgb(108,165,243)
```

Monochromatic Color

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

#25aced
```
#25aced rgb(37,172,237)
```
#259bed
```
#259bed rgb(37,155,237)
```
#258bed
```
#258bed rgb(37,139,237)
```
#257aed
```
#257aed rgb(37,122,237)
```
#2569ed
```
#2569ed rgb(37,105,237)
```
#2559ed
```
#2559ed rgb(37,89,237)
```
#2548ed
```
#2548ed rgb(37,72,237)
```

Similar Colors

Text with hexadecimal color #257aed

This text has a font color of #257aed.

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

#257aed background color

This paragraph has a background color of #257aed.

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

#257aed border color

This element has a border color of #257aed.

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

CSS codes

.text {color:#257aed;}

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

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

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

#010812
```
#010812 rgb(1,8,18)
```
#031124
```
#031124 rgb(3,17,36)
```
#041936
```
#041936 rgb(4,25,54)
```
#062248
```
#062248 rgb(6,34,72)
```
#072b5a
```
#072b5a rgb(7,43,90)
```
#09336c
```
#09336c rgb(9,51,108)
```
#0a3c7e
```
#0a3c7e rgb(10,60,126)
```
#0c4490
```
#0c4490 rgb(12,68,144)
```
#0d4da3
```
#0d4da3 rgb(13,77,163)
```
#0f55b5
```
#0f55b5 rgb(15,85,181)
```
#105ec7
```
#105ec7 rgb(16,94,199)
```
#1266d9
```
#1266d9 rgb(18,102,217)
```
#136feb
```
#136feb rgb(19,111,235)
```

Shade Color Variation

#257aed
```
#257aed rgb(37,122,237)
```
#3785ee
```
#3785ee rgb(55,133,238)
```
#4990f0
```
#4990f0 rgb(73,144,240)
```
#5b9bf1
```
#5b9bf1 rgb(91,155,241)
```
#6da6f3
```
#6da6f3 rgb(109,166,243)
```
#80b1f4
```
#80b1f4 rgb(128,177,244)
```
#92bcf6
```
#92bcf6 rgb(146,188,246)
```
#a4c7f7
```
#a4c7f7 rgb(164,199,247)
```
#b6d2f9
```
#b6d2f9 rgb(182,210,249)
```
#c8ddfa
```
#c8ddfa rgb(200,221,250)
```
#dae9fc
```
#dae9fc rgb(218,233,252)
```
#ecf4fd
```
#ecf4fd rgb(236,244,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 #1c79f6 is the most saturated one.

#898989
```
#898989 rgb(137,137,137)
```
#808892
```
#808892 rgb(128,136,146)
```
#77869b
```
#77869b rgb(119,134,155)
```
#6e85a4
```
#6e85a4 rgb(110,133,164)
```
#6584ad
```
#6584ad rgb(101,132,173)
```
#5b82b7
```
#5b82b7 rgb(91,130,183)
```
#5281c0
```
#5281c0 rgb(82,129,192)
```
#497fc9
```
#497fc9 rgb(73,127,201)
```
#407ed2
```
#407ed2 rgb(64,126,210)
```
#377ddb
```
#377ddb rgb(55,125,219)
```
#2e7be4
```
#2e7be4 rgb(46,123,228)
```
#257aed
```
#257aed rgb(37,122,237)
```
#1c79f6
```
#1c79f6 rgb(28,121,246)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#5f7087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d7fed Protanopia 1% of men
#0086dc Deuteranopia 1% of men
#009099 Tritanopia 0.001% of the population

Trichromacy

#347ded Protanomaly 1% of men, 0.01% of women
#0d81e2 Deuteranomaly 6% of men, 0.4% of women
#0d88b7 Tritanomaly 0.01% of the population

#257aed hex color

#257aed Color Information

#257aed Color Conversion

Color Schemes with #257aed

Alternatives to #257aed

#257aed Preview

Shades and Tints of #257aed

Tones of #257aed

Color Blindness Simulator