#1a5662 color information
In a RGB color space, hex #1a5662 is composed of 10.2% red, 33.7% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 12.2% magenta, 0% yellow and 61.6% black. It has a hue angle of 190 degrees, a saturation of 58.1% and a lightness of 24.3%. #1a5662 color hex could be obtained by blending #34acc4 with #000000. Closest websafe color is: #336666.
#1a5662 color conversion
The hexadecimal color #1a5662 has RGB values of R:26, G:86, B:98 and CMYK values of C:0.73, M:0.12, Y:0, K:0.62. Its decimal value is 1726050.
- Hex triplet 1a5662
#1a5662 - RGB Decimal 26, 86, 98
rgb(26,86,98) - RGB Percent 10.2, 33.7, 38.4
rgb(10.2%,33.7%,38.4%) - CMYK 73, 12, 0, 62
- HSL 190°, 58.1, 24.3
hsl(190,58%,24%) - HSV (or HSB) 190°, 73.5, 38.4
- Web Safe 336666
#336666
- CIE-LAB 33.471, -14.617, -12.521
- XYZ 5.958, 7.757, 12.738
- xyY 0.225, 0.293, 7.757
- CIE-LCH 33.471, 19.247, 220.584
- CIE-LUV 33.471, -21.485, -14.551
- Hunter-Lab 27.851, -10.554, -7.622
- Binary 00011010, 01010110, 01100010
Color Schemes with #1a5662
#1a5662 in action
This text has a font color of #1a5662.
<span style="color:#1a5662;">Text here</span>
This paragraph has a background color of #1a5662.
<p style="background-color:#1a5662;">Content here</p>
This element has a border color of #1a5662.
<div style="border:1px solid #1a5662;">Content here</div>
.text {color:#1a5662;}
.background {background-color:#1a5662;}
.border {border:1px solid #1a5662;}
Shades of #1a5662
- #010405 #010405
rgb(1,4,5) - #0a2024 #0a2024
rgb(10,32,36) - #123b43 #123b43
rgb(18,59,67) - #1a5662 #1a5662
rgb(26,86,98) - #227181 #227181
rgb(34,113,129) - #2a8ca0 #2a8ca0
rgb(42,140,160) - #33a8bf #33a8bf
rgb(51,168,191) - #4ab9cf #4ab9cf
rgb(74,185,207) - #69c5d7 #69c5d7
rgb(105,197,215) - #88d1df #88d1df
rgb(136,209,223) - #a7dde8 #a7dde8
rgb(167,221,232) - #c6e9f0 #c6e9f0
rgb(198,233,240) - #e5f5f8 #e5f5f8
rgb(229,245,248)
Color Blindness Simulator
Below, you can see how #1a5662 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.
