#257ac2 hex color

In a RGB color space, hex #257ac2 is composed of 14.5% red, 47.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 37.1% magenta, 0% yellow and 23.9% black. It has a hue angle of 207.5 degrees, a saturation of 68% and a lightness of 45.3%. #257ac2 color hex could be obtained by blending #4af4ff with #000085. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 15
- G 48
- B 76
RGB color chart
- C 81
- M 37
- Y 0
- K 24
CMYK color chart

● #257ac2 color description : Strong blue.

The hexadecimal color #257ac2 has RGB values of R:37, G:122, B:194 and CMYK values of C:0.81, M:0.37, Y:0, K:0.24. Its decimal value is 2456258.

Hex triplet	257ac2	`#257ac2`
RGB Decimal	37, 122, 194	`rgb(37,122,194)`
RGB Percent	14.5, 47.8, 76.1	`rgb(14.5%,47.8%,76.1%)`
CMYK	81, 37, 0, 24
HSL	207.5°, 68, 45.3	`hsl(207.5,68%,45.3%)`
HSV (or HSB)	207.5°, 80.9, 76.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	49.745, 0.836, -44.594
XYZ	17.458, 18.206, 53.63
xyY	0.196, 0.204, 18.206
CIE-LCH	49.745, 44.602, 271.074
CIE-LUV	49.745, -27.907, -68.145
Hunter-Lab	42.668, -1.636, -44.654
Binary	00100101, 01111010, 11000010

#257ac2
```
#257ac2 rgb(37,122,194)
```
#c26d25
```
#c26d25 rgb(194,109,37)
```

Complementary Color

#25c2bc
```
#25c2bc rgb(37,194,188)
```
#257ac2
```
#257ac2 rgb(37,122,194)
```
#252cc2
```
#252cc2 rgb(37,44,194)
```

Analogous Color

#c2bc25
```
#c2bc25 rgb(194,188,37)
```
#257ac2
```
#257ac2 rgb(37,122,194)
```
#c2252c
```
#c2252c rgb(194,37,44)
```

Split Complementary Color

#7ac225
```
#7ac225 rgb(122,194,37)
```
#257ac2
```
#257ac2 rgb(37,122,194)
```
#c2257a
```
#c2257a rgb(194,37,122)
```

Triadic Color

#25c26d
```
#25c26d rgb(37,194,109)
```
#257ac2
```
#257ac2 rgb(37,122,194)
```
#c2257a
```
#c2257a rgb(194,37,122)
```
#c26d25
```
#c26d25 rgb(194,109,37)
```

Tetradic Color

#195282
```
#195282 rgb(25,82,130)
```
#1d5f97
```
#1d5f97 rgb(29,95,151)
```
#216dad
```
#216dad rgb(33,109,173)
```
#257ac2
```
#257ac2 rgb(37,122,194)
```
#2a87d6
```
#2a87d6 rgb(42,135,214)
```
#4093da
```
#4093da rgb(64,147,218)
```
#559fdf
```
#559fdf rgb(85,159,223)
```

Monochromatic Color

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

#25a1c2
```
#25a1c2 rgb(37,161,194)
```
#2594c2
```
#2594c2 rgb(37,148,194)
```
#2587c2
```
#2587c2 rgb(37,135,194)
```
#257ac2
```
#257ac2 rgb(37,122,194)
```
#256dc2
```
#256dc2 rgb(37,109,194)
```
#2560c2
```
#2560c2 rgb(37,96,194)
```
#2553c2
```
#2553c2 rgb(37,83,194)
```

Similar Colors

Text with hexadecimal color #257ac2

This text has a font color of #257ac2.

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

#257ac2 background color

This paragraph has a background color of #257ac2.

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

#257ac2 border color

This element has a border color of #257ac2.

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

CSS codes

.text {color:#257ac2;}

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

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

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, #02080d is the darkest color, while #fbfdfe is the lightest one.

#02080d
```
#02080d rgb(2,8,13)
```
#06121d
```
#06121d rgb(6,18,29)
```
#091d2e
```
#091d2e rgb(9,29,46)
```
#0c273e
```
#0c273e rgb(12,39,62)
```
#0f314f
```
#0f314f rgb(15,49,79)
```
#123c5f
```
#123c5f rgb(18,60,95)
```
#154670
```
#154670 rgb(21,70,112)
```
#185180
```
#185180 rgb(24,81,128)
```
#1c5b91
```
#1c5b91 rgb(28,91,145)
```
#1f65a1
```
#1f65a1 rgb(31,101,161)
```
#2270b2
```
#2270b2 rgb(34,112,178)
```
#257ac2
```
#257ac2 rgb(37,122,194)
```
#2884d2
```
#2884d2 rgb(40,132,210)
```

Shade Color Variation

#368ed9
```
#368ed9 rgb(54,142,217)
```
#4697dc
```
#4697dc rgb(70,151,220)
```
#57a0df
```
#57a0df rgb(87,160,223)
```
#67aae2
```
#67aae2 rgb(103,170,226)
```
#78b3e5
```
#78b3e5 rgb(120,179,229)
```
#88bce8
```
#88bce8 rgb(136,188,232)
```
#98c5eb
```
#98c5eb rgb(152,197,235)
```
#a9cfef
```
#a9cfef rgb(169,207,239)
```
#b9d8f2
```
#b9d8f2 rgb(185,216,242)
```
#cae1f5
```
#cae1f5 rgb(202,225,245)
```
#daeaf8
```
#daeaf8 rgb(218,234,248)
```
#ebf4fb
```
#ebf4fb rgb(235,244,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c747b is the less saturated color, while #017de6 is the most saturated one.

#6c747b
```
#6c747b rgb(108,116,123)
```
#637584
```
#637584 rgb(99,117,132)
```
#5a768d
```
#5a768d rgb(90,118,141)
```
#517696
```
#517696 rgb(81,118,150)
```
#49779e
```
#49779e rgb(73,119,158)
```
#4078a7
```
#4078a7 rgb(64,120,167)
```
#3779b0
```
#3779b0 rgb(55,121,176)
```
#2e79b9
```
#2e79b9 rgb(46,121,185)
```
#257ac2
```
#257ac2 rgb(37,122,194)
```
#1c7bcb
```
#1c7bcb rgb(28,123,203)
```
#137bd4
```
#137bd4 rgb(19,123,212)
```
#0a7cdd
```
#0a7cdd rgb(10,124,221)
```
#017de6
```
#017de6 rgb(1,125,230)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5b6c7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#607bc0 Protanopia 1% of men
#487ec6 Deuteranopia 1% of men
#008992 Tritanopia 0.001% of the population

Trichromacy

#4a7ac1 Protanomaly 1% of men, 0.01% of women
#3b7cc4 Deuteranomaly 6% of men, 0.4% of women
#0d83a3 Tritanomaly 0.01% of the population

#257ac2 hex color

#257ac2 Color Information

#257ac2 Color Conversion

Color Schemes with #257ac2

Alternatives to #257ac2

#257ac2 Preview

Shades and Tints of #257ac2

Tones of #257ac2

Color Blindness Simulator