#333f66 Color Information
In a RGB color space, hex #333f66 is composed of 20% red, 24.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 38.2% magenta, 0% yellow and 60% black. It has a hue angle of 225.9 degrees, a saturation of 33.3% and a lightness of 30%. #333f66 color hex could be obtained by blending #667ecc with #000000. Closest websafe color is: #333366.
-
- R 20
- G 25
- B 40
-
- C 50
- M 38
- Y 0
- K 60
● #333f66 color description : Very dark desaturated blue.
#333f66 Color Conversion
The hexadecimal color #333f66 has RGB values of R:51, G:63, B:102 and CMYK values of C:0.5, M:0.38, Y:0, K:0.6. Its decimal value is 3358566.
Hex triplet | 333f66 | #333f66 |
---|---|---|
RGB Decimal | 51, 63, 102 | rgb(51,63,102) |
RGB Percent | 20, 24.7, 40 | rgb(20%,24.7%,40%) |
CMYK | 50, 38, 0, 60 | |
HSL | 225.9°, 33.3, 30 | hsl(225.9,33.3%,30%) |
HSV (or HSB) | 225.9°, 50, 40 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 27.347, 7.029, -24.46 |
---|---|
XYZ | 5.541, 5.218, 13.285 |
xyY | 0.23, 0.217, 5.218 |
CIE-LCH | 27.347, 25.45, 286.032 |
CIE-LUV | 27.347, -6.622, -31.493 |
Hunter-Lab | 22.843, 3.32, -18.492 |
Binary | 00110011, 00111111, 01100110 |
Color Schemes with #333f66
Alternatives to #333f66
Below, you can see some colors close to #333f66. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#333f66 Preview
This text has a font color of #333f66.
<span style="color:#333f66;">Text here</span>
This paragraph has a background color of #333f66.
<p style="background-color:#333f66;">Content here</p>
This element has a border color of #333f66.
<div style="border:1px solid #333f66;">Content here</div>
.text {color:#333f66;}
.background {background-color:#333f66;}
.border {border:1px solid #333f66;}
Shades and Tints of #333f66
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, #05060a is the darkest color, while #fcfdfe is the lightest one.
-
#05060a
#05060a
rgb(5,6,10)
-
#0c0f18
#0c0f18
rgb(12,15,24)
-
#121725
#121725
rgb(18,23,37)
-
#191f32
#191f32
rgb(25,31,50)
-
#1f273f
#1f273f
rgb(31,39,63)
-
#262f4c
#262f4c
rgb(38,47,76)
-
#2c3759
#2c3759
rgb(44,55,89)
-
#333f66
#333f66
rgb(51,63,102)
-
#3a4773
#3a4773
rgb(58,71,115)
-
#404f80
#404f80
rgb(64,79,128)
-
#47578d
#47578d
rgb(71,87,141)
-
#4d5f9a
#4d5f9a
rgb(77,95,154)
-
#5467a7
#5467a7
rgb(84,103,167)
-
#5f72af
#5f72af
rgb(95,114,175)
-
#6d7eb6
#6d7eb6
rgb(109,126,182)
-
#7a89bc
#7a89bc
rgb(122,137,188)
-
#8795c3
#8795c3
rgb(135,149,195)
-
#94a0c9
#94a0c9
rgb(148,160,201)
-
#a1acd0
#a1acd0
rgb(161,172,208)
-
#aeb7d6
#aeb7d6
rgb(174,183,214)
-
#bbc3dd
#bbc3dd
rgb(187,195,221)
-
#c8cfe4
#c8cfe4
rgb(200,207,228)
-
#d5daea
#d5daea
rgb(213,218,234)
-
#e2e6f1
#e2e6f1
rgb(226,230,241)
-
#eff1f7
#eff1f7
rgb(239,241,247)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #333f66
A tone is produced by adding gray to any pure hue. In this case, #4b4b4e is the less saturated color, while #042695 is the most saturated one.
-
#4b4b4e
#4b4b4e
rgb(75,75,78)
-
#454854
#454854
rgb(69,72,84)
-
#3f455a
#3f455a
rgb(63,69,90)
-
#394260
#394260
rgb(57,66,96)
-
#333f66
#333f66
rgb(51,63,102)
-
#2d3c6c
#2d3c6c
rgb(45,60,108)
-
#273972
#273972
rgb(39,57,114)
-
#213678
#213678
rgb(33,54,120)
-
#1b337e
#1b337e
rgb(27,51,126)
-
#162f83
#162f83
rgb(22,47,131)
-
#102c89
#102c89
rgb(16,44,137)
-
#0a298f
#0a298f
rgb(10,41,143)
-
#042695
#042695
rgb(4,38,149)
Color Blindness Simulator
Below, you can see how #333f66 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.