#1f7684 Color Information
In a RGB color space, hex #1f7684 is composed of 12.2% red, 46.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 10.6% magenta, 0% yellow and 48.2% black. It has a hue angle of 188.3 degrees, a saturation of 62% and a lightness of 32%. #1f7684 color hex could be obtained by blending #3eecff with #000009. Closest websafe color is: #336699.
-
- R 12
- G 46
- B 52
-
- C 77
- M 11
- Y 0
- K 48
● #1f7684 color description : Dark cyan.
#1f7684 Color Conversion
The hexadecimal color #1f7684 has RGB values of R:31, G:118, B:132 and CMYK values of C:0.77, M:0.11, Y:0, K:0.48. Its decimal value is 2061956.
Hex triplet | 1f7684 | #1f7684 |
---|---|---|
RGB Decimal | 31, 118, 132 | rgb(31,118,132) |
RGB Percent | 12.2, 46.3, 51.8 | rgb(12.2%,46.3%,51.8%) |
CMYK | 77, 11, 0, 48 | |
HSL | 188.3°, 62, 32 | hsl(188.3,62%,32%) |
HSV (or HSB) | 188.3°, 76.5, 51.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 45.515, -19.968, -14.948 |
---|---|
XYZ | 11.207, 14.913, 24.116 |
xyY | 0.223, 0.297, 14.913 |
CIE-LCH | 45.515, 24.943, 216.818 |
CIE-LUV | 45.515, -30.731, -18.641 |
Hunter-Lab | 38.617, -15.778, -9.994 |
Binary | 00011111, 01110110, 10000100 |
Color Schemes with #1f7684
Alternatives to #1f7684
Below, you can see some colors close to #1f7684. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f7684 Preview
This text has a font color of #1f7684.
<span style="color:#1f7684;">Text here</span>
This paragraph has a background color of #1f7684.
<p style="background-color:#1f7684;">Content here</p>
This element has a border color of #1f7684.
<div style="border:1px solid #1f7684;">Content here</div>
.text {color:#1f7684;}
.background {background-color:#1f7684;}
.border {border:1px solid #1f7684;}
Shades and Tints of #1f7684
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 #f4fbfc is the lightest one.
-
#010405
#010405
rgb(1,4,5)
-
#051315
#051315
rgb(5,19,21)
-
#092125
#092125
rgb(9,33,37)
-
#0c2f35
#0c2f35
rgb(12,47,53)
-
#103d44
#103d44
rgb(16,61,68)
-
#144b54
#144b54
rgb(20,75,84)
-
#185a64
#185a64
rgb(24,90,100)
-
#1b6874
#1b6874
rgb(27,104,116)
-
#1f7684
#1f7684
rgb(31,118,132)
-
#238494
#238494
rgb(35,132,148)
-
#2692a4
#2692a4
rgb(38,146,164)
-
#2aa1b4
#2aa1b4
rgb(42,161,180)
-
#2eafc4
#2eafc4
rgb(46,175,196)
-
#35bad0
#35bad0
rgb(53,186,208)
-
#45c0d3
#45c0d3
rgb(69,192,211)
-
#55c5d7
#55c5d7
rgb(85,197,215)
-
#65cbdb
#65cbdb
rgb(101,203,219)
-
#75d0df
#75d0df
rgb(117,208,223)
-
#85d5e2
#85d5e2
rgb(133,213,226)
-
#95dbe6
#95dbe6
rgb(149,219,230)
-
#a5e0ea
#a5e0ea
rgb(165,224,234)
-
#b4e6ee
#b4e6ee
rgb(180,230,238)
-
#c4ebf1
#c4ebf1
rgb(196,235,241)
-
#d4f0f5
#d4f0f5
rgb(212,240,245)
-
#e4f6f9
#e4f6f9
rgb(228,246,249)
-
#f4fbfc
#f4fbfc
rgb(244,251,252)
Tones of #1f7684
A tone is produced by adding gray to any pure hue. In this case, #515252 is the less saturated color, while #06889d is the most saturated one.
-
#515252
#515252
rgb(81,82,82)
-
#4b5658
#4b5658
rgb(75,86,88)
-
#455b5e
#455b5e
rgb(69,91,94)
-
#3e5f65
#3e5f65
rgb(62,95,101)
-
#38646b
#38646b
rgb(56,100,107)
-
#326871
#326871
rgb(50,104,113)
-
#2c6d77
#2c6d77
rgb(44,109,119)
-
#25717e
#25717e
rgb(37,113,126)
-
#1f7684
#1f7684
rgb(31,118,132)
-
#197b8a
#197b8a
rgb(25,123,138)
-
#127f91
#127f91
rgb(18,127,145)
-
#0c8497
#0c8497
rgb(12,132,151)
-
#06889d
#06889d
rgb(6,136,157)
Color Blindness Simulator
Below, you can see how #1f7684 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.