#124d63 hex color

In a RGB color space, hex #124d63 is composed of 7.1% red, 30.2% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 81.8% cyan, 22.2% magenta, 0% yellow and 61.2% black. It has a hue angle of 196.3 degrees, a saturation of 69.2% and a lightness of 22.9%. #124d63 color hex could be obtained by blending #249ac6 with #000000. Closest websafe color is: #006666.

♥
- f
- t
- g
- R 7
- G 30
- B 39
RGB color chart
- C 82
- M 22
- Y 0
- K 61
CMYK color chart

● #124d63 color description : Very dark blue.

The hexadecimal color #124d63 has RGB values of R:18, G:77, B:99 and CMYK values of C:0.82, M:0.22, Y:0, K:0.61. Its decimal value is 1199459.

Hex triplet	124d63	`#124d63`
RGB Decimal	18, 77, 99	`rgb(18,77,99)`
RGB Percent	7.1, 30.2, 38.8	`rgb(7.1%,30.2%,38.8%)`
CMYK	82, 22, 0, 61
HSL	196.3°, 69.2, 22.9	`hsl(196.3,69.2%,22.9%)`
HSV (or HSB)	196.3°, 81.8, 38.8
Web Safe	006666	`#006666`

CIE-LAB	30.247, -10.077, -18.124
XYZ	5.155, 6.337, 12.755
xyY	0.213, 0.261, 6.337
CIE-LCH	30.247, 20.737, 240.926
CIE-LUV	30.247, -19.24, -22.207
Hunter-Lab	25.173, -7.5, -12.421
Binary	00010010, 01001101, 01100011

#124d63
```
#124d63 rgb(18,77,99)
```
#632812
```
#632812 rgb(99,40,18)
```

Complementary Color

#126350
```
#126350 rgb(18,99,80)
```
#124d63
```
#124d63 rgb(18,77,99)
```
#122563
```
#122563 rgb(18,37,99)
```

Analogous Color

#635012
```
#635012 rgb(99,80,18)
```
#124d63
```
#124d63 rgb(18,77,99)
```
#631225
```
#631225 rgb(99,18,37)
```

Split Complementary Color

#4d6312
```
#4d6312 rgb(77,99,18)
```
#124d63
```
#124d63 rgb(18,77,99)
```
#63124d
```
#63124d rgb(99,18,77)
```

Triadic Color

#126328
```
#126328 rgb(18,99,40)
```
#124d63
```
#124d63 rgb(18,77,99)
```
#63124d
```
#63124d rgb(99,18,77)
```
#632812
```
#632812 rgb(99,40,18)
```

Tetradic Color

#061b22
```
#061b22 rgb(6,27,34)
```
#0a2b38
```
#0a2b38 rgb(10,43,56)
```
#0e3c4d
```
#0e3c4d rgb(14,60,77)
```
#124d63
```
#124d63 rgb(18,77,99)
```
#165e79
```
#165e79 rgb(22,94,121)
```
#1a6f8e
```
#1a6f8e rgb(26,111,142)
```
#1e7fa4
```
#1e7fa4 rgb(30,127,164)
```

Monochromatic Color

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

#126163
```
#126163 rgb(18,97,99)
```
#125b63
```
#125b63 rgb(18,91,99)
```
#125463
```
#125463 rgb(18,84,99)
```
#124d63
```
#124d63 rgb(18,77,99)
```
#124663
```
#124663 rgb(18,70,99)
```
#124063
```
#124063 rgb(18,64,99)
```
#123963
```
#123963 rgb(18,57,99)
```

Similar Colors

Text with hexadecimal color #124d63

This text has a font color of #124d63.

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

#124d63 background color

This paragraph has a background color of #124d63.

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

#124d63 border color

This element has a border color of #124d63.

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

CSS codes

.text {color:#124d63;}

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

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

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, #030c10 is the darkest color, while #feffff is the lightest one.

#030c10
```
#030c10 rgb(3,12,16)
```
#061921
```
#061921 rgb(6,25,33)
```
#092631
```
#092631 rgb(9,38,49)
```
#0c3342
```
#0c3342 rgb(12,51,66)
```
#0f4052
```
#0f4052 rgb(15,64,82)
```
#124d63
```
#124d63 rgb(18,77,99)
```
#155a74
```
#155a74 rgb(21,90,116)
```
#186784
```
#186784 rgb(24,103,132)
```
#1b7495
```
#1b7495 rgb(27,116,149)
```
#1e81a5
```
#1e81a5 rgb(30,129,165)
```
#218eb6
```
#218eb6 rgb(33,142,182)
```
#249ac7
```
#249ac7 rgb(36,154,199)
```
#27a7d7
```
#27a7d7 rgb(39,167,215)
```

Shade Color Variation

#37aedb
```
#37aedb rgb(55,174,219)
```
#48b5de
```
#48b5de rgb(72,181,222)
```
#58bce1
```
#58bce1 rgb(88,188,225)
```
#69c2e4
```
#69c2e4 rgb(105,194,228)
```
#7ac9e7
```
#7ac9e7 rgb(122,201,231)
```
#8ad0ea
```
#8ad0ea rgb(138,208,234)
```
#9bd7ed
```
#9bd7ed rgb(155,215,237)
```
#abddf0
```
#abddf0 rgb(171,221,240)
```
#bce4f3
```
#bce4f3 rgb(188,228,243)
```
#cdebf6
```
#cdebf6 rgb(205,235,246)
```
#ddf1f9
```
#ddf1f9 rgb(221,241,249)
```
#eef8fc
```
#eef8fc rgb(238,248,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#363d3f
```
#363d3f rgb(54,61,63)
```
#323f44
```
#323f44 rgb(50,63,68)
```
#2d4148
```
#2d4148 rgb(45,65,72)
```
#29434d
```
#29434d rgb(41,67,77)
```
#244551
```
#244551 rgb(36,69,81)
```
#204756
```
#204756 rgb(32,71,86)
```
#1b495a
```
#1b495a rgb(27,73,90)
```
#174b5f
```
#174b5f rgb(23,75,95)
```
#124d63
```
#124d63 rgb(18,77,99)
```
#0e4f68
```
#0e4f68 rgb(14,79,104)
```
#09516c
```
#09516c rgb(9,81,108)
```
#055371
```
#055371 rgb(5,83,113)
```
#005575
```
#005575 rgb(0,85,117)
```

Tone Color Variation

Below, you can see how #124d63 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

#3e3e3e Achromatopsia 0.005% of the population
#354145 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a4f66 Protanopia 1% of men
#464f6d Deuteranopia 1% of men
#0b585f Tritanopia 0.001% of the population

Trichromacy

#354e65 Protanomaly 1% of men, 0.01% of women
#334e69 Deuteranomaly 6% of men, 0.4% of women
#0d5460 Tritanomaly 0.01% of the population

#124d63 hex color

#124d63 Color Information

#124d63 Color Conversion

Color Schemes with #124d63

Alternatives to #124d63

#124d63 Preview

Shades and Tints of #124d63

Tones of #124d63

Color Blindness Simulator