#333f64 Color Information
In a RGB color space, hex #333f64 is composed of 20% red, 24.7% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 37% magenta, 0% yellow and 60.8% black. It has a hue angle of 225.3 degrees, a saturation of 32.5% and a lightness of 29.6%. #333f64 color hex could be obtained by blending #667ec8 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 25
- B 39
-
- C 49
- M 37
- Y 0
- K 61
● #333f64 color description : Very dark desaturated blue.
#333f64 Color Conversion
The hexadecimal color #333f64 has RGB values of R:51, G:63, B:100 and CMYK values of C:0.49, M:0.37, Y:0, K:0.61. Its decimal value is 3358564.
Hex triplet | 333f64 | #333f64 |
---|---|---|
RGB Decimal | 51, 63, 100 | rgb(51,63,100) |
RGB Percent | 20, 24.7, 39.2 | rgb(20%,24.7%,39.2%) |
CMYK | 49, 37, 0, 61 | |
HSL | 225.3°, 32.5, 29.6 | hsl(225.3,32.5%,29.6%) |
HSV (or HSB) | 225.3°, 49, 39.2 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 27.238, 6.348, -23.346 |
---|---|
XYZ | 5.443, 5.179, 12.769 |
xyY | 0.233, 0.221, 5.179 |
CIE-LCH | 27.238, 24.194, 285.211 |
CIE-LUV | 27.238, -6.571, -29.923 |
Hunter-Lab | 22.757, 2.866, -17.338 |
Binary | 00110011, 00111111, 01100100 |
Color Schemes with #333f64
Alternatives to #333f64
Below, you can see some colors close to #333f64. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#333f64 Preview
This text has a font color of #333f64.
<span style="color:#333f64;">Text here</span>
This paragraph has a background color of #333f64.
<p style="background-color:#333f64;">Content here</p>
This element has a border color of #333f64.
<div style="border:1px solid #333f64;">Content here</div>
.text {color:#333f64;}
.background {background-color:#333f64;}
.border {border:1px solid #333f64;}
Shades and Tints of #333f64
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, #050609 is the darkest color, while #fbfcfd is the lightest one.
-
#050609
#050609
rgb(5,6,9)
-
#0b0e16
#0b0e16
rgb(11,14,22)
-
#121623
#121623
rgb(18,22,35)
-
#181e30
#181e30
rgb(24,30,48)
-
#1f263d
#1f263d
rgb(31,38,61)
-
#262f4a
#262f4a
rgb(38,47,74)
-
#2c3757
#2c3757
rgb(44,55,87)
-
#333f64
#333f64
rgb(51,63,100)
-
#3a4771
#3a4771
rgb(58,71,113)
-
#404f7e
#404f7e
rgb(64,79,126)
-
#47588b
#47588b
rgb(71,88,139)
-
#4e6098
#4e6098
rgb(78,96,152)
-
#5468a5
#5468a5
rgb(84,104,165)
-
#5f72ad
#5f72ad
rgb(95,114,173)
-
#6c7eb4
#6c7eb4
rgb(108,126,180)
-
#7989bb
#7989bb
rgb(121,137,187)
-
#8695c1
#8695c1
rgb(134,149,193)
-
#93a0c8
#93a0c8
rgb(147,160,200)
-
#a0accf
#a0accf
rgb(160,172,207)
-
#adb7d5
#adb7d5
rgb(173,183,213)
-
#bac2dc
#bac2dc
rgb(186,194,220)
-
#c7cee2
#c7cee2
rgb(199,206,226)
-
#d4d9e9
#d4d9e9
rgb(212,217,233)
-
#e1e5f0
#e1e5f0
rgb(225,229,240)
-
#eef0f6
#eef0f6
rgb(238,240,246)
-
#fbfcfd
#fbfcfd
rgb(251,252,253)
Tones of #333f64
A tone is produced by adding gray to any pure hue. In this case, #4a4b4d is the less saturated color, while #052792 is the most saturated one.
-
#4a4b4d
#4a4b4d
rgb(74,75,77)
-
#444853
#444853
rgb(68,72,83)
-
#3f4558
#3f4558
rgb(63,69,88)
-
#39425e
#39425e
rgb(57,66,94)
-
#333f64
#333f64
rgb(51,63,100)
-
#2d3c6a
#2d3c6a
rgb(45,60,106)
-
#273970
#273970
rgb(39,57,112)
-
#223675
#223675
rgb(34,54,117)
-
#1c337b
#1c337b
rgb(28,51,123)
-
#163081
#163081
rgb(22,48,129)
-
#102d87
#102d87
rgb(16,45,135)
-
#0a2a8d
#0a2a8d
rgb(10,42,141)
-
#052792
#052792
rgb(5,39,146)
Color Blindness Simulator
Below, you can see how #333f64 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.