colorhexa.com

#1257c2 hex color

In a RGB color space, hex #1257c2 is composed of 7.1% red, 34.1% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 90.7% cyan, 55.2% magenta, 0% yellow and 23.9% black. It has a hue angle of 216.5 degrees, a saturation of 83% and a lightness of 41.6%. #1257c2 color hex could be obtained by blending #24aeff with #000085. Closest websafe color is: #0066cc.

- R 7
- G 34
- B 76
RGB color chart
- C 91
- M 55
- Y 0
- K 24
CMYK color chart

● #1257c2 color description : Strong blue.

The hexadecimal color #1257c2 has RGB values of R:18, G:87, B:194 and CMYK values of C:0.91, M:0.55, Y:0, K:0.24. Its decimal value is 1202114.

Hex triplet	1257c2	`#1257c2`
RGB Decimal	18, 87, 194	`rgb(18,87,194)`
RGB Percent	7.1, 34.1, 76.1	`rgb(7.1%,34.1%,76.1%)`
CMYK	91, 55, 0, 24
HSL	216.5°, 83, 41.6	`hsl(216.5,83%,41.6%)`
HSV (or HSB)	216.5°, 90.7, 76.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	39.308, 21.791, -61.394
XYZ	13.393, 10.839, 52.422
xyY	0.175, 0.141, 10.839
CIE-LCH	39.308, 65.147, 289.541
CIE-LUV	39.308, -18.947, -89.735
Hunter-Lab	32.922, 15.001, -71.361
Binary	00010010, 01010111, 11000010

#1257c2
```
#1257c2 rgb(18,87,194)
```
#c27d12
```
#c27d12 rgb(194,125,18)
```

Complementary Color

#12afc2
```
#12afc2 rgb(18,175,194)
```
#1257c2
```
#1257c2 rgb(18,87,194)
```
#2512c2
```
#2512c2 rgb(37,18,194)
```

Analogous Color

#afc212
```
#afc212 rgb(175,194,18)
```
#1257c2
```
#1257c2 rgb(18,87,194)
```
#c22512
```
#c22512 rgb(194,37,18)
```

Split Complementary Color

#57c212
```
#57c212 rgb(87,194,18)
```
#1257c2
```
#1257c2 rgb(18,87,194)
```
#c21257
```
#c21257 rgb(194,18,87)
```

Triadic Color

#12c27d
```
#12c27d rgb(18,194,125)
```
#1257c2
```
#1257c2 rgb(18,87,194)
```
#c21257
```
#c21257 rgb(194,18,87)
```
#c27d12
```
#c27d12 rgb(194,125,18)
```

Tetradic Color

#0c387c
```
#0c387c rgb(12,56,124)
```
#0e4293
```
#0e4293 rgb(14,66,147)
```
#104dab
```
#104dab rgb(16,77,171)
```
#1257c2
```
#1257c2 rgb(18,87,194)
```
#1461d9
```
#1461d9 rgb(20,97,217)
```
#1d6dea
```
#1d6dea rgb(29,109,234)
```
#347cec
```
#347cec rgb(52,124,236)
```

Monochromatic Color

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

#1283c2
```
#1283c2 rgb(18,131,194)
```
#1274c2
```
#1274c2 rgb(18,116,194)
```
#1266c2
```
#1266c2 rgb(18,102,194)
```
#1257c2
```
#1257c2 rgb(18,87,194)
```
#1248c2
```
#1248c2 rgb(18,72,194)
```
#123ac2
```
#123ac2 rgb(18,58,194)
```
#122bc2
```
#122bc2 rgb(18,43,194)
```

Similar Colors

Text with hexadecimal color #1257c2

This text has a font color of #1257c2.

<span style="color:#1257c2;">Text here</span>

#1257c2 background color

This paragraph has a background color of #1257c2.

<p style="background-color:#1257c2;">Content here</p>

#1257c2 border color

This element has a border color of #1257c2.

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

CSS codes

.text {color:#1257c2;}

.background {background-color:#1257c2;}

.border {border:1px solid #1257c2;}

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

#01070f
```
#01070f rgb(1,7,15)
```
#030f20
```
#030f20 rgb(3,15,32)
```
#051732
```
#051732 rgb(5,23,50)
```
#061f44
```
#061f44 rgb(6,31,68)
```
#082756
```
#082756 rgb(8,39,86)
```
#0a2f68
```
#0a2f68 rgb(10,47,104)
```
#0b377a
```
#0b377a rgb(11,55,122)
```
#0d3f8c
```
#0d3f8c rgb(13,63,140)
```
#0f479e
```
#0f479e rgb(15,71,158)
```
#104fb0
```
#104fb0 rgb(16,79,176)
```
#1257c2
```
#1257c2 rgb(18,87,194)
```
#145fd4
```
#145fd4 rgb(20,95,212)
```
#1567e6
```
#1567e6 rgb(21,103,230)
```

Shade Color Variation

#2472eb
```
#2472eb rgb(36,114,235)
```
#367eec
```
#367eec rgb(54,126,236)
```
#4889ee
```
#4889ee rgb(72,137,238)
```
#5a95f0
```
#5a95f0 rgb(90,149,240)
```
#6ca0f1
```
#6ca0f1 rgb(108,160,241)
```
#7eacf3
```
#7eacf3 rgb(126,172,243)
```
#90b7f5
```
#90b7f5 rgb(144,183,245)
```
#a2c3f6
```
#a2c3f6 rgb(162,195,246)
```
#b4cff8
```
#b4cff8 rgb(180,207,248)
```
#c6dafa
```
#c6dafa rgb(198,218,250)
```
#d8e6fb
```
#d8e6fb rgb(216,230,251)
```
#eaf1fd
```
#eaf1fd rgb(234,241,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#646970
```
#646970 rgb(100,105,112)
```
#5b6779
```
#5b6779 rgb(91,103,121)
```
#536581
```
#536581 rgb(83,101,129)
```
#4b6389
```
#4b6389 rgb(75,99,137)
```
#436291
```
#436291 rgb(67,98,145)
```
#3b6099
```
#3b6099 rgb(59,96,153)
```
#335ea1
```
#335ea1 rgb(51,94,161)
```
#2a5caa
```
#2a5caa rgb(42,92,170)
```
#225bb2
```
#225bb2 rgb(34,91,178)
```
#1a59ba
```
#1a59ba rgb(26,89,186)
```
#1257c2
```
#1257c2 rgb(18,87,194)
```
#0a55ca
```
#0a55ca rgb(10,85,202)
```
#0253d2
```
#0253d2 rgb(2,83,210)
```

Tone Color Variation

Below, you can see how #1257c2 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

#4f4f4f Achromatopsia 0.005% of the population
#435166 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061c0 Protanopia 1% of men
#0067a7 Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#065dc0 Protanomaly 1% of men, 0.01% of women
#0661b1 Deuteranomaly 6% of men, 0.4% of women
#066691 Tritanomaly 0.01% of the population