#3396bd Color Information
In a RGB color space, hex #3396bd is composed of 20% red, 58.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 20.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 197 degrees, a saturation of 57.5% and a lightness of 47.1%. #3396bd color hex could be obtained by blending #66ffff with #002d7b. Closest websafe color is: #3399cc.
-
- R 20
- G 59
- B 74
-
- C 73
- M 21
- Y 0
- K 26
● #3396bd color description : Moderate blue.
#3396bd Color Conversion
The hexadecimal color #3396bd has RGB values of R:51, G:150, B:189 and CMYK values of C:0.73, M:0.21, Y:0, K:0.26. Its decimal value is 3380925.
Hex triplet | 3396bd | #3396bd |
---|---|---|
RGB Decimal | 51, 150, 189 | rgb(51,150,189) |
RGB Percent | 20, 58.8, 74.1 | rgb(20%,58.8%,74.1%) |
CMYK | 73, 21, 0, 26 | |
HSL | 197°, 57.5, 47.1 | hsl(197,57.5%,47.1%) |
HSV (or HSB) | 197°, 73, 74.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 58.216, -15.459, -28.438 |
---|---|
XYZ | 21.455, 26.189, 52.066 |
xyY | 0.215, 0.263, 26.189 |
CIE-LCH | 58.216, 32.368, 241.471 |
CIE-LUV | 58.216, -35.88, -41.76 |
Hunter-Lab | 51.175, -14.722, -24.499 |
Binary | 00110011, 10010110, 10111101 |
Color Schemes with #3396bd
Alternatives to #3396bd
Below, you can see some colors close to #3396bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3396bd Preview
This text has a font color of #3396bd.
<span style="color:#3396bd;">Text here</span>
This paragraph has a background color of #3396bd.
<p style="background-color:#3396bd;">Content here</p>
This element has a border color of #3396bd.
<div style="border:1px solid #3396bd;">Content here</div>
.text {color:#3396bd;}
.background {background-color:#3396bd;}
.border {border:1px solid #3396bd;}
Shades and Tints of #3396bd
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, #010304 is the darkest color, while #f3f9fc is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#050f13
#050f13
rgb(5,15,19)
-
#091b23
#091b23
rgb(9,27,35)
-
#0d2832
#0d2832
rgb(13,40,50)
-
#123441
#123441
rgb(18,52,65)
-
#164051
#164051
rgb(22,64,81)
-
#1a4c60
#1a4c60
rgb(26,76,96)
-
#1e5970
#1e5970
rgb(30,89,112)
-
#22657f
#22657f
rgb(34,101,127)
-
#26718f
#26718f
rgb(38,113,143)
-
#2b7d9e
#2b7d9e
rgb(43,125,158)
-
#2f8aae
#2f8aae
rgb(47,138,174)
-
#3396bd
#3396bd
rgb(51,150,189)
-
#3aa1ca
#3aa1ca
rgb(58,161,202)
-
#49a8ce
#49a8ce
rgb(73,168,206)
-
#59b0d2
#59b0d2
rgb(89,176,210)
-
#68b7d6
#68b7d6
rgb(104,183,214)
-
#78bfda
#78bfda
rgb(120,191,218)
-
#87c6df
#87c6df
rgb(135,198,223)
-
#97cde3
#97cde3
rgb(151,205,227)
-
#a6d5e7
#a6d5e7
rgb(166,213,231)
-
#b5dceb
#b5dceb
rgb(181,220,235)
-
#c5e3ef
#c5e3ef
rgb(197,227,239)
-
#d4ebf3
#d4ebf3
rgb(212,235,243)
-
#e4f2f8
#e4f2f8
rgb(228,242,248)
-
#f3f9fc
#f3f9fc
rgb(243,249,252)
Tones of #3396bd
A tone is produced by adding gray to any pure hue. In this case, #747a7c is the less saturated color, while #05aaeb is the most saturated one.
-
#747a7c
#747a7c
rgb(116,122,124)
-
#6a7e86
#6a7e86
rgb(106,126,134)
-
#61828f
#61828f
rgb(97,130,143)
-
#588698
#588698
rgb(88,134,152)
-
#4f8aa1
#4f8aa1
rgb(79,138,161)
-
#458eab
#458eab
rgb(69,142,171)
-
#3c92b4
#3c92b4
rgb(60,146,180)
-
#3396bd
#3396bd
rgb(51,150,189)
-
#2a9ac6
#2a9ac6
rgb(42,154,198)
-
#219ecf
#219ecf
rgb(33,158,207)
-
#17a2d9
#17a2d9
rgb(23,162,217)
-
#0ea6e2
#0ea6e2
rgb(14,166,226)
-
#05aaeb
#05aaeb
rgb(5,170,235)
Color Blindness Simulator
Below, you can see how #3396bd 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.