colorhexa.com

#12477e hex color

In a RGB color space, hex #12477e is composed of 7.1% red, 27.8% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 43.7% magenta, 0% yellow and 50.6% black. It has a hue angle of 210.6 degrees, a saturation of 75% and a lightness of 28.2%. #12477e color hex could be obtained by blending #248efc with #000000. Closest websafe color is: #003366.

- R 7
- G 28
- B 49
RGB color chart
- C 86
- M 44
- Y 0
- K 51
CMYK color chart

● #12477e color description : Dark blue.

The hexadecimal color #12477e has RGB values of R:18, G:71, B:126 and CMYK values of C:0.86, M:0.44, Y:0, K:0.51. Its decimal value is 1197950.

Hex triplet	12477e	`#12477e`
RGB Decimal	18, 71, 126	`rgb(18,71,126)`
RGB Percent	7.1, 27.8, 49.4	`rgb(7.1%,27.8%,49.4%)`
CMYK	86, 44, 0, 51
HSL	210.6°, 75, 28.2	`hsl(210.6,75%,28.2%)`
HSV (or HSB)	210.6°, 85.7, 49.4
Web Safe	003366	`#003366`

CIE-LAB	29.765, 4.74, -35.896
XYZ	6.268, 6.141, 20.592
xyY	0.19, 0.186, 6.141
CIE-LCH	29.765, 36.207, 277.523
CIE-LUV	29.765, -15.982, -47.692
Hunter-Lab	24.781, 1.781, -31.922
Binary	00010010, 01000111, 01111110

#12477e
```
#12477e rgb(18,71,126)
```
#7e4912
```
#7e4912 rgb(126,73,18)
```

Complementary Color

#127d7e
```
#127d7e rgb(18,125,126)
```
#12477e
```
#12477e rgb(18,71,126)
```
#13127e
```
#13127e rgb(19,18,126)
```

Analogous Color

#7d7e12
```
#7d7e12 rgb(125,126,18)
```
#12477e
```
#12477e rgb(18,71,126)
```
#7e1312
```
#7e1312 rgb(126,19,18)
```

Split Complementary Color

#477e12
```
#477e12 rgb(71,126,18)
```
#12477e
```
#12477e rgb(18,71,126)
```
#7e1247
```
#7e1247 rgb(126,18,71)
```

Triadic Color

#08213b
```
#08213b rgb(8,33,59)
```
#0c2e51
```
#0c2e51 rgb(12,46,81)
```
#0f3a68
```
#0f3a68 rgb(15,58,104)
```
#12477e
```
#12477e rgb(18,71,126)
```
#155494
```
#155494 rgb(21,84,148)
```
#1860ab
```
#1860ab rgb(24,96,171)
```
#1c6dc1
```
#1c6dc1 rgb(28,109,193)
```

Monochromatic Color

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

#12627e
```
#12627e rgb(18,98,126)
```
#12597e
```
#12597e rgb(18,89,126)
```
#12507e
```
#12507e rgb(18,80,126)
```
#12477e
```
#12477e rgb(18,71,126)
```
#123e7e
```
#123e7e rgb(18,62,126)
```
#12357e
```
#12357e rgb(18,53,126)
```
#122c7e
```
#122c7e rgb(18,44,126)
```

Similar Colors

Text with hexadecimal color #12477e

This text has a font color of #12477e.

<span style="color:#12477e;">Text here</span>

#12477e background color

This paragraph has a background color of #12477e.

<p style="background-color:#12477e;">Content here</p>

#12477e border color

This element has a border color of #12477e.

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

CSS codes

.text {color:#12477e;}

.background {background-color:#12477e;}

.border {border:1px solid #12477e;}

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

#010306
```
#010306 rgb(1,3,6)
```
#030d17
```
#030d17 rgb(3,13,23)
```
#061728
```
#061728 rgb(6,23,40)
```
#082039
```
#082039 rgb(8,32,57)
```
#0b2a4b
```
#0b2a4b rgb(11,42,75)
```
#0d345c
```
#0d345c rgb(13,52,92)
```
#103d6d
```
#103d6d rgb(16,61,109)
```
#12477e
```
#12477e rgb(18,71,126)
```
#14518f
```
#14518f rgb(20,81,143)
```
#175aa0
```
#175aa0 rgb(23,90,160)
```
#1964b1
```
#1964b1 rgb(25,100,177)
```
#1c6ec3
```
#1c6ec3 rgb(28,110,195)
```
#1e77d4
```
#1e77d4 rgb(30,119,212)
```

Shade Color Variation

#2681e0
```
#2681e0 rgb(38,129,224)
```
#378be2
```
#378be2 rgb(55,139,226)
```
#4895e5
```
#4895e5 rgb(72,149,229)
```
#599fe7
```
#599fe7 rgb(89,159,231)
```
#6aa9ea
```
#6aa9ea rgb(106,169,234)
```
#7cb3ec
```
#7cb3ec rgb(124,179,236)
```
#8dbdef
```
#8dbdef rgb(141,189,239)
```
#9ec7f1
```
#9ec7f1 rgb(158,199,241)
```
#afd1f4
```
#afd1f4 rgb(175,209,244)
```
#c0dbf6
```
#c0dbf6 rgb(192,219,246)
```
#d1e5f8
```
#d1e5f8 rgb(209,229,248)
```
#e3effb
```
#e3effb rgb(227,239,251)
```
#f4f8fd
```
#f4f8fd rgb(244,248,253)
```

Tint Color Variation

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

#44484c
```
#44484c rgb(68,72,76)
```
#3e4852
```
#3e4852 rgb(62,72,82)
```
#394857
```
#394857 rgb(57,72,87)
```
#33485d
```
#33485d rgb(51,72,93)
```
#2e4862
```
#2e4862 rgb(46,72,98)
```
#284768
```
#284768 rgb(40,71,104)
```
#23476d
```
#23476d rgb(35,71,109)
```
#1d4773
```
#1d4773 rgb(29,71,115)
```
#184778
```
#184778 rgb(24,71,120)
```
#12477e
```
#12477e rgb(18,71,126)
```
#0c4784
```
#0c4784 rgb(12,71,132)
```
#074789
```
#074789 rgb(7,71,137)
```
#01478f
```
#01478f rgb(1,71,143)
```

Tone Color Variation

Below, you can see how #12477e 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

#3d3d3d Achromatopsia 0.005% of the population
#343f4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#364e82 Protanopia 1% of men
#1b5084 Deuteranopia 1% of men
#00575d Tritanopia 0.001% of the population

Trichromacy

#294b80 Protanomaly 1% of men, 0.01% of women
#184d82 Deuteranomaly 6% of men, 0.4% of women
#065169 Tritanomaly 0.01% of the population