#303f55 Color Information
In a RGB color space, hex #303f55 is composed of 18.8% red, 24.7% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 43.5% cyan, 25.9% magenta, 0% yellow and 66.7% black. It has a hue angle of 215.7 degrees, a saturation of 27.8% and a lightness of 26.1%. #303f55 color hex could be obtained by blending #607eaa with #000000. Closest websafe color is: #333366.
-
- R 19
- G 25
- B 33
-
- C 44
- M 26
- Y 0
- K 67
● #303f55 color description : Very dark desaturated blue.
#303f55 Color Conversion
The hexadecimal color #303f55 has RGB values of R:48, G:63, B:85 and CMYK values of C:0.44, M:0.26, Y:0, K:0.67. Its decimal value is 3161941.
| Hex triplet | 303f55 | #303f55 |
|---|---|---|
| RGB Decimal | 48, 63, 85 | rgb(48,63,85) |
| RGB Percent | 18.8, 24.7, 33.3 | rgb(18.8%,24.7%,33.3%) |
| CMYK | 44, 26, 0, 67 | |
| HSL | 215.7°, 27.8, 26.1 | hsl(215.7,27.8%,26.1%) |
| HSV (or HSB) | 215.7°, 43.5, 33.3 | |
| Web Safe | 333366 | #333366 |
| CIE-LAB | 26.271, 0.479, -15.145 |
|---|---|
| XYZ | 4.636, 4.839, 9.284 |
| xyY | 0.247, 0.258, 4.839 |
| CIE-LCH | 26.271, 15.153, 271.81 |
| CIE-LUV | 26.271, -7.296, -18.39 |
| Hunter-Lab | 21.998, -0.88, -9.623 |
| Binary | 00110000, 00111111, 01010101 |
Color Schemes with #303f55
Alternatives to #303f55
Below, you can see some colors close to #303f55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#303f55 Preview
This text has a font color of #303f55.
<span style="color:#303f55;">Text here</span>
This paragraph has a background color of #303f55.
<p style="background-color:#303f55;">Content here</p>
This element has a border color of #303f55.
<div style="border:1px solid #303f55;">Content here</div>
.text {color:#303f55;}
.background {background-color:#303f55;}
.border {border:1px solid #303f55;}
Shades and Tints of #303f55
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, #06070a is the darkest color, while #fcfdfd is the lightest one.
-
#06070a
#06070argb(6,7,10) -
#0d1116
#0d1116rgb(13,17,22) -
#141a23
#141a23rgb(20,26,35) -
#1b232f
#1b232frgb(27,35,47) -
#222c3c
#222c3crgb(34,44,60) -
#293648
#293648rgb(41,54,72) -
#303f55
#303f55rgb(48,63,85) -
#374862
#374862rgb(55,72,98) -
#3e526e
#3e526ergb(62,82,110) -
#455b7b
#455b7brgb(69,91,123) -
#4c6487
#4c6487rgb(76,100,135) -
#536d94
#536d94rgb(83,109,148) -
#5a77a0
#5a77a0rgb(90,119,160)
-
#6681a8
#6681a8rgb(102,129,168) -
#728bb0
#728bb0rgb(114,139,176) -
#7f95b7
#7f95b7rgb(127,149,183) -
#8ba0be
#8ba0bergb(139,160,190) -
#98aac5
#98aac5rgb(152,170,197) -
#a4b4cc
#a4b4ccrgb(164,180,204) -
#b1bfd3
#b1bfd3rgb(177,191,211) -
#bec9da
#bec9dargb(190,201,218) -
#cad3e1
#cad3e1rgb(202,211,225) -
#d7dee8
#d7dee8rgb(215,222,232) -
#e3e8ef
#e3e8efrgb(227,232,239) -
#f0f2f6
#f0f2f6rgb(240,242,246) -
#fcfdfd
#fcfdfdrgb(252,253,253)
Tones of #303f55
A tone is produced by adding gray to any pure hue. In this case, #3f4246 is the less saturated color, while #023683 is the most saturated one.
-
#3f4246
#3f4246rgb(63,66,70) -
#3a414b
#3a414brgb(58,65,75) -
#354050
#354050rgb(53,64,80) -
#303f55
#303f55rgb(48,63,85) -
#2b3e5a
#2b3e5argb(43,62,90) -
#263d5f
#263d5frgb(38,61,95) -
#213c64
#213c64rgb(33,60,100) -
#1c3b69
#1c3b69rgb(28,59,105) -
#163a6f
#163a6frgb(22,58,111) -
#113974
#113974rgb(17,57,116) -
#0c3879
#0c3879rgb(12,56,121) -
#07377e
#07377ergb(7,55,126) -
#023683
#023683rgb(2,54,131)
Color Blindness Simulator
Below, you can see how #303f55 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.
