#334766 Color Information
In a RGB color space, hex #334766 is composed of 20% red, 27.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 30.4% magenta, 0% yellow and 60% black. It has a hue angle of 216.5 degrees, a saturation of 33.3% and a lightness of 30%. #334766 color hex could be obtained by blending #668ecc with #000000. Closest websafe color is: #333366.
-
- R 20
- G 28
- B 40
-
- C 50
- M 30
- Y 0
- K 60
● #334766 color description : Very dark desaturated blue.
#334766 Color Conversion
The hexadecimal color #334766 has RGB values of R:51, G:71, B:102 and CMYK values of C:0.5, M:0.3, Y:0, K:0.6. Its decimal value is 3360614.
Hex triplet | 334766 | #334766 |
---|---|---|
RGB Decimal | 51, 71, 102 | rgb(51,71,102) |
RGB Percent | 20, 27.8, 40 | rgb(20%,27.8%,40%) |
CMYK | 50, 30, 0, 60 | |
HSL | 216.5°, 33.3, 30 | hsl(216.5,33.3%,30%) |
HSV (or HSB) | 216.5°, 50, 40 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 29.836, 1.698, -20.562 |
---|---|
XYZ | 6.016, 6.169, 13.443 |
xyY | 0.235, 0.241, 6.169 |
CIE-LCH | 29.836, 20.632, 274.72 |
CIE-LUV | 29.836, -9.53, -26.591 |
Hunter-Lab | 24.838, -0.231, -14.704 |
Binary | 00110011, 01000111, 01100110 |
Color Schemes with #334766
Alternatives to #334766
Below, you can see some colors close to #334766. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334766 Preview
This text has a font color of #334766.
<span style="color:#334766;">Text here</span>
This paragraph has a background color of #334766.
<p style="background-color:#334766;">Content here</p>
This element has a border color of #334766.
<div style="border:1px solid #334766;">Content here</div>
.text {color:#334766;}
.background {background-color:#334766;}
.border {border:1px solid #334766;}
Shades and Tints of #334766
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, #05070a is the darkest color, while #fcfdfe is the lightest one.
-
#05070a
#05070a
rgb(5,7,10)
-
#0c1018
#0c1018
rgb(12,16,24)
-
#121925
#121925
rgb(18,25,37)
-
#192332
#192332
rgb(25,35,50)
-
#1f2c3f
#1f2c3f
rgb(31,44,63)
-
#26354c
#26354c
rgb(38,53,76)
-
#2c3e59
#2c3e59
rgb(44,62,89)
-
#334766
#334766
rgb(51,71,102)
-
#3a5073
#3a5073
rgb(58,80,115)
-
#405980
#405980
rgb(64,89,128)
-
#47628d
#47628d
rgb(71,98,141)
-
#4d6b9a
#4d6b9a
rgb(77,107,154)
-
#5475a7
#5475a7
rgb(84,117,167)
-
#5f7faf
#5f7faf
rgb(95,127,175)
-
#6d89b6
#6d89b6
rgb(109,137,182)
-
#7a94bc
#7a94bc
rgb(122,148,188)
-
#879ec3
#879ec3
rgb(135,158,195)
-
#94a9c9
#94a9c9
rgb(148,169,201)
-
#a1b3d0
#a1b3d0
rgb(161,179,208)
-
#aebed6
#aebed6
rgb(174,190,214)
-
#bbc8dd
#bbc8dd
rgb(187,200,221)
-
#c8d3e4
#c8d3e4
rgb(200,211,228)
-
#d5ddea
#d5ddea
rgb(213,221,234)
-
#e2e8f1
#e2e8f1
rgb(226,232,241)
-
#eff2f7
#eff2f7
rgb(239,242,247)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #334766
A tone is produced by adding gray to any pure hue. In this case, #4b4c4e is the less saturated color, while #043d95 is the most saturated one.
-
#4b4c4e
#4b4c4e
rgb(75,76,78)
-
#454b54
#454b54
rgb(69,75,84)
-
#3f4a5a
#3f4a5a
rgb(63,74,90)
-
#394860
#394860
rgb(57,72,96)
-
#334766
#334766
rgb(51,71,102)
-
#2d466c
#2d466c
rgb(45,70,108)
-
#274472
#274472
rgb(39,68,114)
-
#214378
#214378
rgb(33,67,120)
-
#1b427e
#1b427e
rgb(27,66,126)
-
#164183
#164183
rgb(22,65,131)
-
#103f89
#103f89
rgb(16,63,137)
-
#0a3e8f
#0a3e8f
rgb(10,62,143)
-
#043d95
#043d95
rgb(4,61,149)
Color Blindness Simulator
Below, you can see how #334766 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.