#124682 hex color

In a RGB color space, hex #124682 is composed of 7.1% red, 27.5% green and 51% blue. Whereas in a CMYK color space, it is composed of 86.2% cyan, 46.2% magenta, 0% yellow and 49% black. It has a hue angle of 212.1 degrees, a saturation of 75.7% and a lightness of 29%. #124682 color hex could be obtained by blending #248cff with #000005. Closest websafe color is: #003399.

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

● #124682 color description : Dark blue.

The hexadecimal color #124682 has RGB values of R:18, G:70, B:130 and CMYK values of C:0.86, M:0.46, Y:0, K:0.49. Its decimal value is 1197698.

Hex triplet	124682	`#124682`
RGB Decimal	18, 70, 130	`rgb(18,70,130)`
RGB Percent	7.1, 27.5, 51	`rgb(7.1%,27.5%,51%)`
CMYK	86, 46, 0, 49
HSL	212.1°, 75.7, 29	`hsl(212.1,75.7%,29%)`
HSV (or HSB)	212.1°, 86.2, 51
Web Safe	003399	`#003399`

CIE-LAB	29.713, 7.092, -38.469
XYZ	6.468, 6.12, 21.958
xyY	0.187, 0.177, 6.12
CIE-LCH	29.713, 39.117, 280.446
CIE-LUV	29.713, -15.537, -51.287
Hunter-Lab	24.739, 3.376, -35.309
Binary	00010010, 01000110, 10000010

#124682
```
#124682 rgb(18,70,130)
```
#824e12
```
#824e12 rgb(130,78,18)
```

Complementary Color

#127e82
```
#127e82 rgb(18,126,130)
```
#124682
```
#124682 rgb(18,70,130)
```
#161282
```
#161282 rgb(22,18,130)
```

Analogous Color

#7e8212
```
#7e8212 rgb(126,130,18)
```
#124682
```
#124682 rgb(18,70,130)
```
#821612
```
#821612 rgb(130,22,18)
```

Split Complementary Color

#468212
```
#468212 rgb(70,130,18)
```
#124682
```
#124682 rgb(18,70,130)
```
#821246
```
#821246 rgb(130,18,70)
```

Triadic Color

#12824e
```
#12824e rgb(18,130,78)
```
#124682
```
#124682 rgb(18,70,130)
```
#821246
```
#821246 rgb(130,18,70)
```
#824e12
```
#824e12 rgb(130,78,18)
```

Tetradic Color

#09223f
```
#09223f rgb(9,34,63)
```
#0c2e55
```
#0c2e55 rgb(12,46,85)
```
#0f3a6c
```
#0f3a6c rgb(15,58,108)
```
#124682
```
#124682 rgb(18,70,130)
```
#155298
```
#155298 rgb(21,82,152)
```
#185eaf
```
#185eaf rgb(24,94,175)
```
#1b6ac5
```
#1b6ac5 rgb(27,106,197)
```

Monochromatic Color

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

#126282
```
#126282 rgb(18,98,130)
```
#125982
```
#125982 rgb(18,89,130)
```
#124f82
```
#124f82 rgb(18,79,130)
```
#124682
```
#124682 rgb(18,70,130)
```
#123d82
```
#123d82 rgb(18,61,130)
```
#123382
```
#123382 rgb(18,51,130)
```
#122a82
```
#122a82 rgb(18,42,130)
```

Similar Colors

Text with hexadecimal color #124682

This text has a font color of #124682.

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

#124682 background color

This paragraph has a background color of #124682.

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

#124682 border color

This element has a border color of #124682.

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

CSS codes

.text {color:#124682;}

.background {background-color:#124682;}

.border {border:1px solid #124682;}

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

#010509
```
#010509 rgb(1,5,9)
```
#040e1b
```
#040e1b rgb(4,14,27)
```
#06182c
```
#06182c rgb(6,24,44)
```
#08213d
```
#08213d rgb(8,33,61)
```
#0b2a4e
```
#0b2a4e rgb(11,42,78)
```
#0d3360
```
#0d3360 rgb(13,51,96)
```
#103d71
```
#103d71 rgb(16,61,113)
```
#124682
```
#124682 rgb(18,70,130)
```
#144f93
```
#144f93 rgb(20,79,147)
```
#1759a4
```
#1759a4 rgb(23,89,164)
```
#1962b6
```
#1962b6 rgb(25,98,182)
```
#1c6bc7
```
#1c6bc7 rgb(28,107,199)
```
#1e74d8
```
#1e74d8 rgb(30,116,216)
```

Shade Color Variation

#287ee1
```
#287ee1 rgb(40,126,225)
```
#3a89e4
```
#3a89e4 rgb(58,137,228)
```
#4b93e6
```
#4b93e6 rgb(75,147,230)
```
#5c9de8
```
#5c9de8 rgb(92,157,232)
```
#6da8eb
```
#6da8eb rgb(109,168,235)
```
#7fb2ed
```
#7fb2ed rgb(127,178,237)
```
#90bcf0
```
#90bcf0 rgb(144,188,240)
```
#a1c7f2
```
#a1c7f2 rgb(161,199,242)
```
#b2d1f4
```
#b2d1f4 rgb(178,209,244)
```
#c3dbf7
```
#c3dbf7 rgb(195,219,247)
```
#d5e6f9
```
#d5e6f9 rgb(213,230,249)
```
#e6f0fc
```
#e6f0fc rgb(230,240,252)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

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

#454a4f
```
#454a4f rgb(69,74,79)
```
#404954
```
#404954 rgb(64,73,84)
```
#3a495a
```
#3a495a rgb(58,73,90)
```
#344860
```
#344860 rgb(52,72,96)
```
#2e4866
```
#2e4866 rgb(46,72,102)
```
#29486b
```
#29486b rgb(41,72,107)
```
#234771
```
#234771 rgb(35,71,113)
```
#1d4777
```
#1d4777 rgb(29,71,119)
```
#18467c
```
#18467c rgb(24,70,124)
```
#124682
```
#124682 rgb(18,70,130)
```
#0c4688
```
#0c4688 rgb(12,70,136)
```
#07458d
```
#07458d rgb(7,69,141)
```
#014593
```
#014593 rgb(1,69,147)
```

Tone Color Variation

Below, you can see how #124682 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
#343f4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#314d86 Protanopia 1% of men
#005086 Deuteranopia 1% of men
#00575c Tritanopia 0.001% of the population

Trichromacy

#264a85 Protanomaly 1% of men, 0.01% of women
#064c85 Deuteranomaly 6% of men, 0.4% of women
#06516a Tritanomaly 0.01% of the population

#124682 hex color

#124682 Color Information

#124682 Color Conversion

Color Schemes with #124682

Alternatives to #124682

#124682 Preview

Shades and Tints of #124682

Tones of #124682

Color Blindness Simulator