#334c98 Color Information
In a RGB color space, hex #334c98 is composed of 20% red, 29.8% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 50% magenta, 0% yellow and 40.4% black. It has a hue angle of 225.1 degrees, a saturation of 49.8% and a lightness of 39.8%. #334c98 color hex could be obtained by blending #6698ff with #000031. Closest websafe color is: #333399.
-
- R 20
- G 30
- B 60
-
- C 66
- M 50
- Y 0
- K 40
● #334c98 color description : Dark moderate blue.
#334c98 Color Conversion
The hexadecimal color #334c98 has RGB values of R:51, G:76, B:152 and CMYK values of C:0.66, M:0.5, Y:0, K:0.4. Its decimal value is 3361944.
Hex triplet | 334c98 | #334c98 |
---|---|---|
RGB Decimal | 51, 76, 152 | rgb(51,76,152) |
RGB Percent | 20, 29.8, 59.6 | rgb(20%,29.8%,59.6%) |
CMYK | 66, 50, 0, 40 | |
HSL | 225.1°, 49.8, 39.8 | hsl(225.1,49.8%,39.8%) |
HSV (or HSB) | 225.1°, 66.4, 59.6 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 34.271, 16.296, -44.569 |
---|---|
XYZ | 9.616, 8.139, 30.768 |
xyY | 0.198, 0.168, 8.139 |
CIE-LCH | 34.271, 47.455, 290.085 |
CIE-LUV | 34.271, -11.642, -62.965 |
Hunter-Lab | 28.529, 10.239, -43.973 |
Binary | 00110011, 01001100, 10011000 |
Color Schemes with #334c98
Alternatives to #334c98
Below, you can see some colors close to #334c98. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334c98 Preview
This text has a font color of #334c98.
<span style="color:#334c98;">Text here</span>
This paragraph has a background color of #334c98.
<p style="background-color:#334c98;">Content here</p>
This element has a border color of #334c98.
<div style="border:1px solid #334c98;">Content here</div>
.text {color:#334c98;}
.background {background-color:#334c98;}
.border {border:1px solid #334c98;}
Shades and Tints of #334c98
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, #020305 is the darkest color, while #f5f7fc is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#070a14
#070a14
rgb(7,10,20)
-
#0c1123
#0c1123
rgb(12,17,35)
-
#111931
#111931
rgb(17,25,49)
-
#152040
#152040
rgb(21,32,64)
-
#1a274f
#1a274f
rgb(26,39,79)
-
#1f2f5d
#1f2f5d
rgb(31,47,93)
-
#24366c
#24366c
rgb(36,54,108)
-
#293d7b
#293d7b
rgb(41,61,123)
-
#2e4589
#2e4589
rgb(46,69,137)
-
#334c98
#334c98
rgb(51,76,152)
-
#3853a7
#3853a7
rgb(56,83,167)
-
#3d5bb5
#3d5bb5
rgb(61,91,181)
-
#4564c1
#4564c1
rgb(69,100,193)
-
#5470c6
#5470c6
rgb(84,112,198)
-
#637ccb
#637ccb
rgb(99,124,203)
-
#7189cf
#7189cf
rgb(113,137,207)
-
#8095d4
#8095d4
rgb(128,149,212)
-
#8fa1d9
#8fa1d9
rgb(143,161,217)
-
#9dadde
#9dadde
rgb(157,173,222)
-
#acbae3
#acbae3
rgb(172,186,227)
-
#bbc6e8
#bbc6e8
rgb(187,198,232)
-
#c9d2ed
#c9d2ed
rgb(201,210,237)
-
#d8def2
#d8def2
rgb(216,222,242)
-
#e7ebf7
#e7ebf7
rgb(231,235,247)
-
#f5f7fc
#f5f7fc
rgb(245,247,252)
Tones of #334c98
A tone is produced by adding gray to any pure hue. In this case, #626469 is the less saturated color, while #0434c7 is the most saturated one.
-
#626469
#626469
rgb(98,100,105)
-
#5a6071
#5a6071
rgb(90,96,113)
-
#525c79
#525c79
rgb(82,92,121)
-
#4a5881
#4a5881
rgb(74,88,129)
-
#435488
#435488
rgb(67,84,136)
-
#3b5090
#3b5090
rgb(59,80,144)
-
#334c98
#334c98
rgb(51,76,152)
-
#2b48a0
#2b48a0
rgb(43,72,160)
-
#2344a8
#2344a8
rgb(35,68,168)
-
#1c40af
#1c40af
rgb(28,64,175)
-
#143cb7
#143cb7
rgb(20,60,183)
-
#0c38bf
#0c38bf
rgb(12,56,191)
-
#0434c7
#0434c7
rgb(4,52,199)
Color Blindness Simulator
Below, you can see how #334c98 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.