#124e56 hex color

In a RGB color space, hex #124e56 is composed of 7.1% red, 30.6% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 9.3% magenta, 0% yellow and 66.3% black. It has a hue angle of 187.1 degrees, a saturation of 65.4% and a lightness of 20.4%. #124e56 color hex could be obtained by blending #249cac with #000000. Closest websafe color is: #006666.

♥
- f
- t
- g
- R 7
- G 31
- B 34
RGB color chart
- C 79
- M 9
- Y 0
- K 66
CMYK color chart

● #124e56 color description : Very dark cyan.

The hexadecimal color #124e56 has RGB values of R:18, G:78, B:86 and CMYK values of C:0.79, M:0.09, Y:0, K:0.66. Its decimal value is 1199702.

Hex triplet	124e56	`#124e56`
RGB Decimal	18, 78, 86	`rgb(18,78,86)`
RGB Percent	7.1, 30.6, 33.7	`rgb(7.1%,30.6%,33.7%)`
CMYK	79, 9, 0, 66
HSL	187.1°, 65.4, 20.4	`hsl(187.1,65.4%,20.4%)`
HSV (or HSB)	187.1°, 79.1, 33.7
Web Safe	006666	`#006666`

CIE-LAB	30.032, -15.503, -10.156
XYZ	4.653, 6.249, 9.765
xyY	0.225, 0.302, 6.249
CIE-LCH	30.032, 18.533, 213.229
CIE-LUV	30.032, -20.327, -10.877
Hunter-Lab	24.998, -10.52, -5.661
Binary	00010010, 01001110, 01010110

#124e56
```
#124e56 rgb(18,78,86)
```
#561a12
```
#561a12 rgb(86,26,18)
```

Complementary Color

#12563c
```
#12563c rgb(18,86,60)
```
#124e56
```
#124e56 rgb(18,78,86)
```
#122c56
```
#122c56 rgb(18,44,86)
```

Analogous Color

#563c12
```
#563c12 rgb(86,60,18)
```
#124e56
```
#124e56 rgb(18,78,86)
```
#56122c
```
#56122c rgb(86,18,44)
```

Split Complementary Color

#4e5612
```
#4e5612 rgb(78,86,18)
```
#124e56
```
#124e56 rgb(18,78,86)
```
#56124e
```
#56124e rgb(86,18,78)
```

Triadic Color

#12561a
```
#12561a rgb(18,86,26)
```
#124e56
```
#124e56 rgb(18,78,86)
```
#56124e
```
#56124e rgb(86,18,78)
```
#561a12
```
#561a12 rgb(86,26,18)
```

Tetradic Color

#051517
```
#051517 rgb(5,21,23)
```
#09282c
```
#09282c rgb(9,40,44)
```
#0e3b41
```
#0e3b41 rgb(14,59,65)
```
#124e56
```
#124e56 rgb(18,78,86)
```
#16616b
```
#16616b rgb(22,97,107)
```
#1b7480
```
#1b7480 rgb(27,116,128)
```
#1f8795
```
#1f8795 rgb(31,135,149)
```

Monochromatic Color

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

#12564d
```
#12564d rgb(18,86,77)
```
#125653
```
#125653 rgb(18,86,83)
```
#125456
```
#125456 rgb(18,84,86)
```
#124e56
```
#124e56 rgb(18,78,86)
```
#124856
```
#124856 rgb(18,72,86)
```
#124356
```
#124356 rgb(18,67,86)
```
#123d56
```
#123d56 rgb(18,61,86)
```

Similar Colors

Text with hexadecimal color #124e56

This text has a font color of #124e56.

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

#124e56 background color

This paragraph has a background color of #124e56.

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

#124e56 border color

This element has a border color of #124e56.

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

CSS codes

.text {color:#124e56;}

.background {background-color:#124e56;}

.border {border:1px solid #124e56;}

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

#010405
```
#010405 rgb(1,4,5)
```
#041315
```
#041315 rgb(4,19,21)
```
#082225
```
#082225 rgb(8,34,37)
```
#0b3136
```
#0b3136 rgb(11,49,54)
```
#0f3f46
```
#0f3f46 rgb(15,63,70)
```
#124e56
```
#124e56 rgb(18,78,86)
```
#155d66
```
#155d66 rgb(21,93,102)
```
#196b76
```
#196b76 rgb(25,107,118)
```
#1c7a87
```
#1c7a87 rgb(28,122,135)
```
#208997
```
#208997 rgb(32,137,151)
```
#2398a7
```
#2398a7 rgb(35,152,167)
```
#26a6b7
```
#26a6b7 rgb(38,166,183)
```
#2ab5c8
```
#2ab5c8 rgb(42,181,200)
```

Shade Color Variation

#31c1d4
```
#31c1d4 rgb(49,193,212)
```
#41c6d7
```
#41c6d7 rgb(65,198,215)
```
#51cbdb
```
#51cbdb rgb(81,203,219)
```
#62cfde
```
#62cfde rgb(98,207,222)
```
#72d4e1
```
#72d4e1 rgb(114,212,225)
```
#82d9e5
```
#82d9e5 rgb(130,217,229)
```
#92dee8
```
#92dee8 rgb(146,222,232)
```
#a3e3ec
```
#a3e3ec rgb(163,227,236)
```
#b3e8ef
```
#b3e8ef rgb(179,232,239)
```
#c3edf2
```
#c3edf2 rgb(195,237,242)
```
#d3f2f6
```
#d3f2f6 rgb(211,242,246)
```
#e3f7f9
```
#e3f7f9 rgb(227,247,249)
```
#f4fcfd
```
#f4fcfd rgb(244,252,253)
```

Tint Color Variation

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

#323636
```
#323636 rgb(50,54,54)
```
#2e393a
```
#2e393a rgb(46,57,58)
```
#2a3c3e
```
#2a3c3e rgb(42,60,62)
```
#263f42
```
#263f42 rgb(38,63,66)
```
#224246
```
#224246 rgb(34,66,70)
```
#1e454a
```
#1e454a rgb(30,69,74)
```
#1a484e
```
#1a484e rgb(26,72,78)
```
#164b52
```
#164b52 rgb(22,75,82)
```
#124e56
```
#124e56 rgb(18,78,86)
```
#0e515a
```
#0e515a rgb(14,81,90)
```
#0a545e
```
#0a545e rgb(10,84,94)
```
#065762
```
#065762 rgb(6,87,98)
```
#025a66
```
#025a66 rgb(2,90,102)
```

Tone Color Variation

Below, you can see how #124e56 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
#344042 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e4f5a Protanopia 1% of men
#4e4e61 Deuteranopia 1% of men
#1d575d Tritanopia 0.001% of the population

Trichromacy

#384f58 Protanomaly 1% of men, 0.01% of women
#384e5d Deuteranomaly 6% of men, 0.4% of women
#19535a Tritanomaly 0.01% of the population

#124e56 hex color

#124e56 Color Information

#124e56 Color Conversion

Color Schemes with #124e56

Alternatives to #124e56

#124e56 Preview

Shades and Tints of #124e56

Tones of #124e56

Color Blindness Simulator