#3996cc Color Information
In a RGB color space, hex #3996cc is composed of 22.4% red, 58.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 26.5% magenta, 0% yellow and 20% black. It has a hue angle of 202 degrees, a saturation of 59% and a lightness of 51.2%. #3996cc color hex could be obtained by blending #72ffff with #002d99. Closest websafe color is: #3399cc.
-
- R 22
- G 59
- B 80
-
- C 72
- M 26
- Y 0
- K 20
● #3996cc color description : Moderate blue.
#3996cc Color Conversion
The hexadecimal color #3996cc has RGB values of R:57, G:150, B:204 and CMYK values of C:0.72, M:0.26, Y:0, K:0.2. Its decimal value is 3774156.
Hex triplet | 3996cc | #3996cc |
---|---|---|
RGB Decimal | 57, 150, 204 | rgb(57,150,204) |
RGB Percent | 22.4, 58.8, 80 | rgb(22.4%,58.8%,80%) |
CMYK | 72, 26, 0, 20 | |
HSL | 202°, 59, 51.2 | hsl(202,59%,51.2%) |
HSV (or HSB) | 202°, 72.1, 80 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 59.012, -9.551, -35.638 |
---|---|
XYZ | 23.49, 27.04, 61.105 |
xyY | 0.21, 0.242, 27.04 |
CIE-LCH | 59.012, 36.896, 254.998 |
CIE-LUV | 59.012, -34.071, -54.43 |
Hunter-Lab | 52, -10.367, -33.271 |
Binary | 00111001, 10010110, 11001100 |
Color Schemes with #3996cc
Alternatives to #3996cc
Below, you can see some colors close to #3996cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3996cc Preview
This text has a font color of #3996cc.
<span style="color:#3996cc;">Text here</span>
This paragraph has a background color of #3996cc.
<p style="background-color:#3996cc;">Content here</p>
This element has a border color of #3996cc.
<div style="border:1px solid #3996cc;">Content here</div>
.text {color:#3996cc;}
.background {background-color:#3996cc;}
.border {border:1px solid #3996cc;}
Shades and Tints of #3996cc
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, #010305 is the darkest color, while #f4f9fc is the lightest one.
-
#010305
#010305
rgb(1,3,5)
-
#050f14
#050f14
rgb(5,15,20)
-
#091a24
#091a24
rgb(9,26,36)
-
#0d2634
#0d2634
rgb(13,38,52)
-
#113143
#113143
rgb(17,49,67)
-
#153c53
#153c53
rgb(21,60,83)
-
#194862
#194862
rgb(25,72,98)
-
#1d5372
#1d5372
rgb(29,83,114)
-
#215e82
#215e82
rgb(33,94,130)
-
#256a91
#256a91
rgb(37,106,145)
-
#2975a1
#2975a1
rgb(41,117,161)
-
#2d80b0
#2d80b0
rgb(45,128,176)
-
#318cc0
#318cc0
rgb(49,140,192)
-
#3996cc
#3996cc
rgb(57,150,204)
-
#499ed0
#499ed0
rgb(73,158,208)
-
#58a7d4
#58a7d4
rgb(88,167,212)
-
#68afd8
#68afd8
rgb(104,175,216)
-
#77b7dc
#77b7dc
rgb(119,183,220)
-
#87bfe0
#87bfe0
rgb(135,191,224)
-
#97c8e4
#97c8e4
rgb(151,200,228)
-
#a6d0e8
#a6d0e8
rgb(166,208,232)
-
#b6d8ec
#b6d8ec
rgb(182,216,236)
-
#c5e0f0
#c5e0f0
rgb(197,224,240)
-
#d5e9f4
#d5e9f4
rgb(213,233,244)
-
#e5f1f8
#e5f1f8
rgb(229,241,248)
-
#f4f9fc
#f4f9fc
rgb(244,249,252)
Tones of #3996cc
A tone is produced by adding gray to any pure hue. In this case, #7c8489 is the less saturated color, while #09a3fc is the most saturated one.
-
#7c8489
#7c8489
rgb(124,132,137)
-
#728793
#728793
rgb(114,135,147)
-
#69899c
#69899c
rgb(105,137,156)
-
#5f8ca6
#5f8ca6
rgb(95,140,166)
-
#568eaf
#568eaf
rgb(86,142,175)
-
#4c91b9
#4c91b9
rgb(76,145,185)
-
#4393c2
#4393c2
rgb(67,147,194)
-
#3996cc
#3996cc
rgb(57,150,204)
-
#2f99d6
#2f99d6
rgb(47,153,214)
-
#269bdf
#269bdf
rgb(38,155,223)
-
#1c9ee9
#1c9ee9
rgb(28,158,233)
-
#13a0f2
#13a0f2
rgb(19,160,242)
-
#09a3fc
#09a3fc
rgb(9,163,252)
Color Blindness Simulator
Below, you can see how #3996cc 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.