#3696b0 Color Information
In a RGB color space, hex #3696b0 is composed of 21.2% red, 58.8% green and 69% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 14.8% magenta, 0% yellow and 31% black. It has a hue angle of 192.8 degrees, a saturation of 53% and a lightness of 45.1%. #3696b0 color hex could be obtained by blending #6cffff with #002d61. Closest websafe color is: #339999.
-
- R 21
- G 59
- B 69
-
- C 69
- M 15
- Y 0
- K 31
● #3696b0 color description : Dark moderate cyan.
#3696b0 Color Conversion
The hexadecimal color #3696b0 has RGB values of R:54, G:150, B:176 and CMYK values of C:0.69, M:0.15, Y:0, K:0.31. Its decimal value is 3577520.
Hex triplet | 3696b0 | #3696b0 |
---|---|---|
RGB Decimal | 54, 150, 176 | rgb(54,150,176) |
RGB Percent | 21.2, 58.8, 69 | rgb(21.2%,58.8%,69%) |
CMYK | 69, 15, 0, 31 | |
HSL | 192.8°, 53, 45.1 | hsl(192.8,53%,45.1%) |
HSV (or HSB) | 192.8°, 69.3, 69 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 57.78, -19.328, -21.736 |
---|---|
XYZ | 20.262, 25.73, 44.97 |
xyY | 0.223, 0.283, 25.73 |
CIE-LCH | 57.78, 29.087, 228.356 |
CIE-LUV | 57.78, -36.101, -30.341 |
Hunter-Lab | 50.725, -17.466, -17.057 |
Binary | 00110110, 10010110, 10110000 |
Color Schemes with #3696b0
Alternatives to #3696b0
Below, you can see some colors close to #3696b0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3696b0 Preview
This text has a font color of #3696b0.
<span style="color:#3696b0;">Text here</span>
This paragraph has a background color of #3696b0.
<p style="background-color:#3696b0;">Content here</p>
This element has a border color of #3696b0.
<div style="border:1px solid #3696b0;">Content here</div>
.text {color:#3696b0;}
.background {background-color:#3696b0;}
.border {border:1px solid #3696b0;}
Shades and Tints of #3696b0
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, #03090b is the darkest color, while #fbfdfe is the lightest one.
-
#03090b
#03090b
rgb(3,9,11)
-
#08161a
#08161a
rgb(8,22,26)
-
#0d2329
#0d2329
rgb(13,35,41)
-
#113038
#113038
rgb(17,48,56)
-
#163c47
#163c47
rgb(22,60,71)
-
#1a4956
#1a4956
rgb(26,73,86)
-
#1f5665
#1f5665
rgb(31,86,101)
-
#246374
#246374
rgb(36,99,116)
-
#287083
#287083
rgb(40,112,131)
-
#2d7c92
#2d7c92
rgb(45,124,146)
-
#3189a1
#3189a1
rgb(49,137,161)
-
#3696b0
#3696b0
rgb(54,150,176)
-
#3ba3bf
#3ba3bf
rgb(59,163,191)
-
#47abc6
#47abc6
rgb(71,171,198)
-
#56b2cb
#56b2cb
rgb(86,178,203)
-
#65b9d0
#65b9d0
rgb(101,185,208)
-
#74c0d4
#74c0d4
rgb(116,192,212)
-
#83c7d9
#83c7d9
rgb(131,199,217)
-
#92cddd
#92cddd
rgb(146,205,221)
-
#a1d4e2
#a1d4e2
rgb(161,212,226)
-
#b0dbe7
#b0dbe7
rgb(176,219,231)
-
#bfe2eb
#bfe2eb
rgb(191,226,235)
-
#cee9f0
#cee9f0
rgb(206,233,240)
-
#ddeff5
#ddeff5
rgb(221,239,245)
-
#ecf6f9
#ecf6f9
rgb(236,246,249)
-
#fbfdfe
#fbfdfe
rgb(251,253,254)
Tones of #3696b0
A tone is produced by adding gray to any pure hue. In this case, #6b787b is the less saturated color, while #01b4e5 is the most saturated one.
-
#6b787b
#6b787b
rgb(107,120,123)
-
#627d84
#627d84
rgb(98,125,132)
-
#59828d
#59828d
rgb(89,130,141)
-
#518795
#518795
rgb(81,135,149)
-
#488c9e
#488c9e
rgb(72,140,158)
-
#3f91a7
#3f91a7
rgb(63,145,167)
-
#3696b0
#3696b0
rgb(54,150,176)
-
#2d9bb9
#2d9bb9
rgb(45,155,185)
-
#24a0c2
#24a0c2
rgb(36,160,194)
-
#1ba5cb
#1ba5cb
rgb(27,165,203)
-
#13aad3
#13aad3
rgb(19,170,211)
-
#0aafdc
#0aafdc
rgb(10,175,220)
-
#01b4e5
#01b4e5
rgb(1,180,229)
Color Blindness Simulator
Below, you can see how #3696b0 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.