#1f3676 Color Information
In a RGB color space, hex #1f3676 is composed of 12.2% red, 21.2% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 54.2% magenta, 0% yellow and 53.7% black. It has a hue angle of 224.1 degrees, a saturation of 58.4% and a lightness of 29.2%. #1f3676 color hex could be obtained by blending #3e6cec with #000000. Closest websafe color is: #333366.
-
- R 12
- G 21
- B 46
-
- C 74
- M 54
- Y 0
- K 54
● #1f3676 color description : Dark blue.
#1f3676 Color Conversion
The hexadecimal color #1f3676 has RGB values of R:31, G:54, B:118 and CMYK values of C:0.74, M:0.54, Y:0, K:0.54. Its decimal value is 2045558.
Hex triplet | 1f3676 | #1f3676 |
---|---|---|
RGB Decimal | 31, 54, 118 | rgb(31,54,118) |
RGB Percent | 12.2, 21.2, 46.3 | rgb(12.2%,21.2%,46.3%) |
CMYK | 74, 54, 0, 54 | |
HSL | 224.1°, 58.4, 29.2 | hsl(224.1,58.4%,29.2%) |
HSV (or HSB) | 224.1°, 73.7, 46.3 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 24.441, 14.931, -39.396 |
---|---|
XYZ | 5.154, 4.237, 17.685 |
xyY | 0.19, 0.156, 4.237 |
CIE-LCH | 24.441, 42.13, 290.757 |
CIE-LUV | 24.441, -9.071, -49.297 |
Hunter-Lab | 20.585, 8.666, -36.528 |
Binary | 00011111, 00110110, 01110110 |
Color Schemes with #1f3676
Alternatives to #1f3676
Below, you can see some colors close to #1f3676. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f3676 Preview
This text has a font color of #1f3676.
<span style="color:#1f3676;">Text here</span>
This paragraph has a background color of #1f3676.
<p style="background-color:#1f3676;">Content here</p>
This element has a border color of #1f3676.
<div style="border:1px solid #1f3676;">Content here</div>
.text {color:#1f3676;}
.background {background-color:#1f3676;}
.border {border:1px solid #1f3676;}
Shades and Tints of #1f3676
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, #020409 is the darkest color, while #f9fafd is the lightest one.
-
#020409
#020409
rgb(2,4,9)
-
#070b19
#070b19
rgb(7,11,25)
-
#0b1228
#0b1228
rgb(11,18,40)
-
#0f1a38
#0f1a38
rgb(15,26,56)
-
#132147
#132147
rgb(19,33,71)
-
#172857
#172857
rgb(23,40,87)
-
#1b2f66
#1b2f66
rgb(27,47,102)
-
#1f3676
#1f3676
rgb(31,54,118)
-
#233d86
#233d86
rgb(35,61,134)
-
#274495
#274495
rgb(39,68,149)
-
#2b4ba5
#2b4ba5
rgb(43,75,165)
-
#2f52b4
#2f52b4
rgb(47,82,180)
-
#335ac4
#335ac4
rgb(51,90,196)
-
#3e64cc
#3e64cc
rgb(62,100,204)
-
#4e70d0
#4e70d0
rgb(78,112,208)
-
#5d7dd5
#5d7dd5
rgb(93,125,213)
-
#6d89d9
#6d89d9
rgb(109,137,217)
-
#7c96dd
#7c96dd
rgb(124,150,221)
-
#8ca2e1
#8ca2e1
rgb(140,162,225)
-
#9cafe5
#9cafe5
rgb(156,175,229)
-
#abbbe9
#abbbe9
rgb(171,187,233)
-
#bbc8ed
#bbc8ed
rgb(187,200,237)
-
#cad4f1
#cad4f1
rgb(202,212,241)
-
#dae1f5
#dae1f5
rgb(218,225,245)
-
#e9edf9
#e9edf9
rgb(233,237,249)
-
#f9fafd
#f9fafd
rgb(249,250,253)
Tones of #1f3676
A tone is produced by adding gray to any pure hue. In this case, #47494e is the less saturated color, while #022893 is the most saturated one.
-
#47494e
#47494e
rgb(71,73,78)
-
#414654
#414654
rgb(65,70,84)
-
#3c4459
#3c4459
rgb(60,68,89)
-
#36415f
#36415f
rgb(54,65,95)
-
#303e65
#303e65
rgb(48,62,101)
-
#2a3b6b
#2a3b6b
rgb(42,59,107)
-
#253970
#253970
rgb(37,57,112)
-
#1f3676
#1f3676
rgb(31,54,118)
-
#19337c
#19337c
rgb(25,51,124)
-
#143181
#143181
rgb(20,49,129)
-
#0e2e87
#0e2e87
rgb(14,46,135)
-
#082b8d
#082b8d
rgb(8,43,141)
-
#022893
#022893
rgb(2,40,147)
Color Blindness Simulator
Below, you can see how #1f3676 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.