#333f45 Color Information
In a RGB color space, hex #333f45 is composed of 20% red, 24.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 8.7% magenta, 0% yellow and 72.9% black. It has a hue angle of 200 degrees, a saturation of 15% and a lightness of 23.5%. #333f45 color hex could be obtained by blending #667e8a with #000000. Closest websafe color is: #333333.
-
- R 20
- G 25
- B 27
-
- C 26
- M 9
- Y 0
- K 73
● #333f45 color description : Very dark grayish blue.
#333f45 Color Conversion
The hexadecimal color #333f45 has RGB values of R:51, G:63, B:69 and CMYK values of C:0.26, M:0.09, Y:0, K:0.73. Its decimal value is 3358533.
Hex triplet | 333f45 | #333f45 |
---|---|---|
RGB Decimal | 51, 63, 69 | rgb(51,63,69) |
RGB Percent | 20, 24.7, 27.1 | rgb(20%,24.7%,27.1%) |
CMYK | 26, 9, 0, 73 | |
HSL | 200°, 15, 23.5 | hsl(200,15%,23.5%) |
HSV (or HSB) | 200°, 26.1, 27.1 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 25.828, -3.289, -5.29 |
---|---|
XYZ | 4.217, 4.688, 6.313 |
xyY | 0.277, 0.308, 4.688 |
CIE-LCH | 25.828, 6.229, 238.127 |
CIE-LUV | 25.828, -5.845, -5.692 |
Hunter-Lab | 21.653, -3.131, -2.129 |
Binary | 00110011, 00111111, 01000101 |
Color Schemes with #333f45
Alternatives to #333f45
Below, you can see some colors close to #333f45. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#333f45 Preview
This text has a font color of #333f45.
<span style="color:#333f45;">Text here</span>
This paragraph has a background color of #333f45.
<p style="background-color:#333f45;">Content here</p>
This element has a border color of #333f45.
<div style="border:1px solid #333f45;">Content here</div>
.text {color:#333f45;}
.background {background-color:#333f45;}
.border {border:1px solid #333f45;}
Shades and Tints of #333f45
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, #010101 is the darkest color, while #f5f7f8 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#090c0d
#090c0d
rgb(9,12,13)
-
#121618
#121618
rgb(18,22,24)
-
#1a2023
#1a2023
rgb(26,32,35)
-
#222a2e
#222a2e
rgb(34,42,46)
-
#2b353a
#2b353a
rgb(43,53,58)
-
#333f45
#333f45
rgb(51,63,69)
-
#3b4950
#3b4950
rgb(59,73,80)
-
#44545c
#44545c
rgb(68,84,92)
-
#4c5e67
#4c5e67
rgb(76,94,103)
-
#546872
#546872
rgb(84,104,114)
-
#5d727d
#5d727d
rgb(93,114,125)
-
#657d89
#657d89
rgb(101,125,137)
-
#6e8794
#6e8794
rgb(110,135,148)
-
#79909c
#79909c
rgb(121,144,156)
-
#849aa4
#849aa4
rgb(132,154,164)
-
#90a3ad
#90a3ad
rgb(144,163,173)
-
#9bacb5
#9bacb5
rgb(155,172,181)
-
#a6b6bd
#a6b6bd
rgb(166,182,189)
-
#b1bfc6
#b1bfc6
rgb(177,191,198)
-
#bdc8ce
#bdc8ce
rgb(189,200,206)
-
#c8d2d6
#c8d2d6
rgb(200,210,214)
-
#d3dbdf
#d3dbdf
rgb(211,219,223)
-
#dee4e7
#dee4e7
rgb(222,228,231)
-
#eaedef
#eaedef
rgb(234,237,239)
-
#f5f7f8
#f5f7f8
rgb(245,247,248)
Tones of #333f45
A tone is produced by adding gray to any pure hue. In this case, #383d40 is the less saturated color, while #005078 is the most saturated one.
-
#383d40
#383d40
rgb(56,61,64)
-
#333f45
#333f45
rgb(51,63,69)
-
#2e414a
#2e414a
rgb(46,65,74)
-
#2a424e
#2a424e
rgb(42,66,78)
-
#254453
#254453
rgb(37,68,83)
-
#214557
#214557
rgb(33,69,87)
-
#1c475c
#1c475c
rgb(28,71,92)
-
#174861
#174861
rgb(23,72,97)
-
#134a65
#134a65
rgb(19,74,101)
-
#0e4b6a
#0e4b6a
rgb(14,75,106)
-
#094d6f
#094d6f
rgb(9,77,111)
-
#054e73
#054e73
rgb(5,78,115)
-
#005078
#005078
rgb(0,80,120)
Color Blindness Simulator
Below, you can see how #333f45 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.