#12557d hex color

In a RGB color space, hex #12557d is composed of 7.1% red, 33.3% green and 49% blue. Whereas in a CMYK color space, it is composed of 85.6% cyan, 32% magenta, 0% yellow and 51% black. It has a hue angle of 202.4 degrees, a saturation of 74.8% and a lightness of 28%. #12557d color hex could be obtained by blending #24aafa with #000000. Closest websafe color is: #006666.

♥
- f
- t
- g
- R 7
- G 33
- B 49
RGB color chart
- C 86
- M 32
- Y 0
- K 51
CMYK color chart

● #12557d color description : Dark blue.

The hexadecimal color #12557d has RGB values of R:18, G:85, B:125 and CMYK values of C:0.86, M:0.32, Y:0, K:0.51. Its decimal value is 1201533.

Hex triplet	12557d	`#12557d`
RGB Decimal	18, 85, 125	`rgb(18,85,125)`
RGB Percent	7.1, 33.3, 49	`rgb(7.1%,33.3%,49%)`
CMYK	86, 32, 0, 51
HSL	202.4°, 74.8, 28	`hsl(202.4,74.8%,28%)`
HSV (or HSB)	202.4°, 85.6, 49
Web Safe	006666	`#006666`

CIE-LAB	34.202, -4.84, -28.234
XYZ	7.199, 8.106, 20.586
xyY	0.201, 0.226, 8.106
CIE-LCH	34.202, 28.646, 260.274
CIE-LUV	34.202, -20.772, -38.005
Hunter-Lab	28.47, -4.69, -22.942
Binary	00010010, 01010101, 01111101

#12557d
```
#12557d rgb(18,85,125)
```
#7d3a12
```
#7d3a12 rgb(125,58,18)
```

Complementary Color

#127d70
```
#127d70 rgb(18,125,112)
```
#12557d
```
#12557d rgb(18,85,125)
```
#12207d
```
#12207d rgb(18,32,125)
```

Analogous Color

#7d7012
```
#7d7012 rgb(125,112,18)
```
#12557d
```
#12557d rgb(18,85,125)
```
#7d1220
```
#7d1220 rgb(125,18,32)
```

Split Complementary Color

#557d12
```
#557d12 rgb(85,125,18)
```
#12557d
```
#12557d rgb(18,85,125)
```
#7d1255
```
#7d1255 rgb(125,18,85)
```

Triadic Color

#127d3a
```
#127d3a rgb(18,125,58)
```
#12557d
```
#12557d rgb(18,85,125)
```
#7d1255
```
#7d1255 rgb(125,18,85)
```
#7d3a12
```
#7d3a12 rgb(125,58,18)
```

Tetradic Color

#08283a
```
#08283a rgb(8,40,58)
```
#0c3750
```
#0c3750 rgb(12,55,80)
```
#0f4667
```
#0f4667 rgb(15,70,103)
```
#12557d
```
#12557d rgb(18,85,125)
```
#156493
```
#156493 rgb(21,100,147)
```
#1873aa
```
#1873aa rgb(24,115,170)
```
#1c82c0
```
#1c82c0 rgb(28,130,192)
```

Monochromatic Color

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

#12707d
```
#12707d rgb(18,112,125)
```
#12677d
```
#12677d rgb(18,103,125)
```
#125e7d
```
#125e7d rgb(18,94,125)
```
#12557d
```
#12557d rgb(18,85,125)
```
#124c7d
```
#124c7d rgb(18,76,125)
```
#12437d
```
#12437d rgb(18,67,125)
```
#123a7d
```
#123a7d rgb(18,58,125)
```

Similar Colors

Text with hexadecimal color #12557d

This text has a font color of #12557d.

<span style="color:#12557d;">Text here</span>

#12557d background color

This paragraph has a background color of #12557d.

<p style="background-color:#12557d;">Content here</p>

#12557d border color

This element has a border color of #12557d.

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

CSS codes

.text {color:#12557d;}

.background {background-color:#12557d;}

.border {border:1px solid #12557d;}

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

#010305
```
#010305 rgb(1,3,5)
```
#030f16
```
#030f16 rgb(3,15,22)
```
#061b27
```
#061b27 rgb(6,27,39)
```
#082638
```
#082638 rgb(8,38,56)
```
#0b324a
```
#0b324a rgb(11,50,74)
```
#0d3e5b
```
#0d3e5b rgb(13,62,91)
```
#10496c
```
#10496c rgb(16,73,108)
```
#12557d
```
#12557d rgb(18,85,125)
```
#14618e
```
#14618e rgb(20,97,142)
```
#176c9f
```
#176c9f rgb(23,108,159)
```
#1978b0
```
#1978b0 rgb(25,120,176)
```
#1c84c2
```
#1c84c2 rgb(28,132,194)
```
#1e8fd3
```
#1e8fd3 rgb(30,143,211)
```

Shade Color Variation

#259ae0
```
#259ae0 rgb(37,154,224)
```
#36a2e2
```
#36a2e2 rgb(54,162,226)
```
#47aae5
```
#47aae5 rgb(71,170,229)
```
#59b2e7
```
#59b2e7 rgb(89,178,231)
```
#6abae9
```
#6abae9 rgb(106,186,233)
```
#7bc2ec
```
#7bc2ec rgb(123,194,236)
```
#8ccaee
```
#8ccaee rgb(140,202,238)
```
#9dd2f1
```
#9dd2f1 rgb(157,210,241)
```
#aedaf3
```
#aedaf3 rgb(174,218,243)
```
#bfe1f6
```
#bfe1f6 rgb(191,225,246)
```
#d1e9f8
```
#d1e9f8 rgb(209,233,248)
```
#e2f1fb
```
#e2f1fb rgb(226,241,251)
```
#f3f9fd
```
#f3f9fd rgb(243,249,253)
```

Tint Color Variation

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

#44494c
```
#44494c rgb(68,73,76)
```
#3e4a51
```
#3e4a51 rgb(62,74,81)
```
#394b57
```
#394b57 rgb(57,75,87)
```
#334d5c
```
#334d5c rgb(51,77,92)
```
#2e4e62
```
#2e4e62 rgb(46,78,98)
```
#284f67
```
#284f67 rgb(40,79,103)
```
#23516d
```
#23516d rgb(35,81,109)
```
#1d5272
```
#1d5272 rgb(29,82,114)
```
#185478
```
#185478 rgb(24,84,120)
```
#12557d
```
#12557d rgb(18,85,125)
```
#0d5683
```
#0d5683 rgb(13,86,131)
```
#075888
```
#075888 rgb(7,88,136)
```
#01598e
```
#01598e rgb(1,89,142)
```

Tone Color Variation

Below, you can see how #12557d 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

#464646 Achromatopsia 0.005% of the population
#3c4951 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b587f Protanopia 1% of men
#405985 Deuteranopia 1% of men
#006268 Tritanopia 0.001% of the population

Trichromacy

#36577e Protanomaly 1% of men, 0.01% of women
#2f5782 Deuteranomaly 6% of men, 0.4% of women
#065d70 Tritanomaly 0.01% of the population

#12557d hex color

#12557d Color Information

#12557d Color Conversion

Color Schemes with #12557d

Alternatives to #12557d

#12557d Preview

Shades and Tints of #12557d

Tones of #12557d

Color Blindness Simulator