#1f33ff Color Information
In a RGB color space, hex #1f33ff is composed of 12.2% red, 20% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 80% magenta, 0% yellow and 0% black. It has a hue angle of 234.6 degrees, a saturation of 100% and a lightness of 56.1%. #1f33ff color hex could be obtained by blending #3e66ff with #0000ff. Closest websafe color is: #3333ff.
-
- R 12
- G 20
- B 100
-
- C 88
- M 80
- Y 0
- K 0
● #1f33ff color description : Vivid blue.
#1f33ff Color Conversion
The hexadecimal color #1f33ff has RGB values of R:31, G:51, B:255 and CMYK values of C:0.88, M:0.8, Y:0, K:0. Its decimal value is 2044927.
Hex triplet | 1f33ff | #1f33ff |
---|---|---|
RGB Decimal | 31, 51, 255 | rgb(31,51,255) |
RGB Percent | 12.2, 20, 100 | rgb(12.2%,20%,100%) |
CMYK | 88, 80, 0, 0 | |
HSL | 234.6°, 100, 56.1 | hsl(234.6,100%,56.1%) |
HSV (or HSB) | 234.6°, 87.8, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 37.622, 65.249, -98.971 |
---|---|
XYZ | 19.795, 9.877, 95.465 |
xyY | 0.158, 0.079, 9.877 |
CIE-LCH | 37.622, 118.544, 303.396 |
CIE-LUV | 37.622, -11.527, -133.363 |
Hunter-Lab | 31.428, 57.429, -158.097 |
Binary | 00011111, 00110011, 11111111 |
Color Schemes with #1f33ff
Alternatives to #1f33ff
Below, you can see some colors close to #1f33ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f33ff Preview
This text has a font color of #1f33ff.
<span style="color:#1f33ff;">Text here</span>
This paragraph has a background color of #1f33ff.
<p style="background-color:#1f33ff;">Content here</p>
This element has a border color of #1f33ff.
<div style="border:1px solid #1f33ff;">Content here</div>
.text {color:#1f33ff;}
.background {background-color:#1f33ff;}
.border {border:1px solid #1f33ff;}
Shades and Tints of #1f33ff
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, #00010b is the darkest color, while #f7f8ff is the lightest one.
-
#00010b
#00010b
rgb(0,1,11)
-
#00031f
#00031f
rgb(0,3,31)
-
#000533
#000533
rgb(0,5,51)
-
#000646
#000646
rgb(0,6,70)
-
#00085a
#00085a
rgb(0,8,90)
-
#000a6d
#000a6d
rgb(0,10,109)
-
#000c81
#000c81
rgb(0,12,129)
-
#000d95
#000d95
rgb(0,13,149)
-
#000fa8
#000fa8
rgb(0,15,168)
-
#0011bc
#0011bc
rgb(0,17,188)
-
#0013d0
#0013d0
rgb(0,19,208)
-
#0014e3
#0014e3
rgb(0,20,227)
-
#0016f7
#0016f7
rgb(0,22,247)
-
#0b21ff
#0b21ff
rgb(11,33,255)
-
#1f33ff
#1f33ff
rgb(31,51,255)
-
#3345ff
#3345ff
rgb(51,69,255)
-
#4657ff
#4657ff
rgb(70,87,255)
-
#5a69ff
#5a69ff
rgb(90,105,255)
-
#6d7aff
#6d7aff
rgb(109,122,255)
-
#818cff
#818cff
rgb(129,140,255)
-
#959eff
#959eff
rgb(149,158,255)
-
#a8b0ff
#a8b0ff
rgb(168,176,255)
-
#bcc2ff
#bcc2ff
rgb(188,194,255)
-
#d0d4ff
#d0d4ff
rgb(208,212,255)
-
#e3e6ff
#e3e6ff
rgb(227,230,255)
-
#f7f8ff
#f7f8ff
rgb(247,248,255)
Tones of #1f33ff
A tone is produced by adding gray to any pure hue. In this case, #868898 is the less saturated color, while #1f33ff is the most saturated one.
-
#868898
#868898
rgb(134,136,152)
-
#7e81a0
#7e81a0
rgb(126,129,160)
-
#757aa9
#757aa9
rgb(117,122,169)
-
#6d73b1
#6d73b1
rgb(109,115,177)
-
#646cba
#646cba
rgb(100,108,186)
-
#5b65c3
#5b65c3
rgb(91,101,195)
-
#535dcb
#535dcb
rgb(83,93,203)
-
#4a56d4
#4a56d4
rgb(74,86,212)
-
#414fdd
#414fdd
rgb(65,79,221)
-
#3948e5
#3948e5
rgb(57,72,229)
-
#3041ee
#3041ee
rgb(48,65,238)
-
#283af6
#283af6
rgb(40,58,246)
-
#1f33ff
#1f33ff
rgb(31,51,255)
Color Blindness Simulator
Below, you can see how #1f33ff 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.