#124c64 color information
In a RGB color space, hex #124c64 is composed of 7.1% red, 29.8% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 24% magenta, 0% yellow and 60.8% black. It has a hue angle of 197.6 degrees, a saturation of 69.5% and a lightness of 23.1%. #124c64 color hex could be obtained by blending #2498c8 with #000000. Closest websafe color is: #003366.
#124c64 color conversion
The hexadecimal color #124c64 has RGB values of R:18, G:76, B:100 and CMYK values of C:0.82, M:0.24, Y:0, K:0.61. Its decimal value is 1199204.
- Hex triplet 124c64
#124c64 - RGB Decimal 18, 76, 100
rgb(18,76,100) - RGB Percent 7.1, 29.8, 39.2
rgb(7.1%,29.8%,39.2%) - CMYK 82, 24, 0, 61
- HSL 197.6°, 69.5, 23.1
hsl(198,69%,23%) - HSV (or HSB) 197.6°, 82, 39.2
- Web Safe 003366
#003366
- CIE-LAB 29.954, -9.076, -19.215
- XYZ 5.134, 6.217, 12.985
- xyY 0.211, 0.255, 6.217
- CIE-LCH 29.954, 21.25, 244.716
- CIE-LUV 29.954, -18.821, -23.731
- Hunter-Lab 24.934, -6.884, -13.423
- Binary 00010010, 01001100, 01100100
Color Schemes with #124c64
#124c64 in action
This text has a font color of #124c64.
<span style="color:#124c64;">Text here</span>
This paragraph has a background color of #124c64.
<p style="background-color:#124c64;">Content here</p>
This element has a border color of #124c64.
<div style="border:1px solid #124c64;">Content here</div>
.text {color:#124c64;}
.background {background-color:#124c64;}
.border {border:1px solid #124c64;}
Shades of #124c64
- #000000 #000000
rgb(0,0,0) - #061922 #061922
rgb(6,25,34) - #0c3343 #0c3343
rgb(12,51,67) - #124c64 #124c64
rgb(18,76,100) - #186585 #186585
rgb(24,101,133) - #1e7fa6 #1e7fa6
rgb(30,127,166) - #2498c8 #2498c8
rgb(36,152,200) - #38abdb #38abdb
rgb(56,171,219) - #59b9e1 #59b9e1
rgb(89,185,225) - #7ac7e7 #7ac7e7
rgb(122,199,231) - #9cd5ed #9cd5ed
rgb(156,213,237) - #bde3f3 #bde3f3
rgb(189,227,243) - #def1f9 #def1f9
rgb(222,241,249)
Color Blindness Simulator
Below, you can see how #124c64 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.
