#1234ff Color Information
In a RGB color space, hex #1234ff is composed of 7.1% red, 20.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 79.6% magenta, 0% yellow and 0% black. It has a hue angle of 231.4 degrees, a saturation of 100% and a lightness of 53.5%. #1234ff color hex could be obtained by blending #2468ff with #0000ff. Closest websafe color is: #0033ff.
-
- R 7
- G 20
- B 100
-
- C 93
- M 80
- Y 0
- K 0
● #1234ff color description : Vivid blue.
#1234ff Color Conversion
The hexadecimal color #1234ff has RGB values of R:18, G:52, B:255 and CMYK values of C:0.93, M:0.8, Y:0, K:0. Its decimal value is 1193215.
Hex triplet | 1234ff | #1234ff |
---|---|---|
RGB Decimal | 18, 52, 255 | rgb(18,52,255) |
RGB Percent | 7.1, 20.4, 100 | rgb(7.1%,20.4%,100%) |
CMYK | 93, 80, 0, 0 | |
HSL | 231.4°, 100, 53.5 | hsl(231.4,100%,53.5%) |
HSV (or HSB) | 231.4°, 92.9, 100 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 37.487, 64.47, -99.204 |
---|---|
XYZ | 19.524, 9.803, 95.465 |
xyY | 0.156, 0.079, 9.803 |
CIE-LCH | 37.487, 118.312, 303.019 |
CIE-LUV | 37.487, -12.393, -133.312 |
Hunter-Lab | 31.31, 56.515, -158.862 |
Binary | 00010010, 00110100, 11111111 |
Color Schemes with #1234ff
Alternatives to #1234ff
Below, you can see some colors close to #1234ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1234ff Preview
This text has a font color of #1234ff.
<span style="color:#1234ff;">Text here</span>
This paragraph has a background color of #1234ff.
<p style="background-color:#1234ff;">Content here</p>
This element has a border color of #1234ff.
<div style="border:1px solid #1234ff;">Content here</div>
.text {color:#1234ff;}
.background {background-color:#1234ff;}
.border {border:1px solid #1234ff;}
Shades and Tints of #1234ff
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, #000312 is the darkest color, while #fdfeff is the lightest one.
-
#000312
#000312
rgb(0,3,18)
-
#000526
#000526
rgb(0,5,38)
-
#000839
#000839
rgb(0,8,57)
-
#000b4d
#000b4d
rgb(0,11,77)
-
#000e60
#000e60
rgb(0,14,96)
-
#001174
#001174
rgb(0,17,116)
-
#001388
#001388
rgb(0,19,136)
-
#00169b
#00169b
rgb(0,22,155)
-
#0019af
#0019af
rgb(0,25,175)
-
#001cc3
#001cc3
rgb(0,28,195)
-
#001fd6
#001fd6
rgb(0,31,214)
-
#0022ea
#0022ea
rgb(0,34,234)
-
#0024fd
#0024fd
rgb(0,36,253)
-
#1234ff
#1234ff
rgb(18,52,255)
-
#2645ff
#2645ff
rgb(38,69,255)
-
#3956ff
#3956ff
rgb(57,86,255)
-
#4d66ff
#4d66ff
rgb(77,102,255)
-
#6077ff
#6077ff
rgb(96,119,255)
-
#7488ff
#7488ff
rgb(116,136,255)
-
#8899ff
#8899ff
rgb(136,153,255)
-
#9baaff
#9baaff
rgb(155,170,255)
-
#afbaff
#afbaff
rgb(175,186,255)
-
#c3cbff
#c3cbff
rgb(195,203,255)
-
#d6dcff
#d6dcff
rgb(214,220,255)
-
#eaedff
#eaedff
rgb(234,237,255)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #1234ff
A tone is produced by adding gray to any pure hue. In this case, #7f8292 is the less saturated color, while #1234ff is the most saturated one.
-
#7f8292
#7f8292
rgb(127,130,146)
-
#767c9b
#767c9b
rgb(118,124,155)
-
#6d75a4
#6d75a4
rgb(109,117,164)
-
#646fad
#646fad
rgb(100,111,173)
-
#5b68b6
#5b68b6
rgb(91,104,182)
-
#5262bf
#5262bf
rgb(82,98,191)
-
#495bc8
#495bc8
rgb(73,91,200)
-
#4055d1
#4055d1
rgb(64,85,209)
-
#364edb
#364edb
rgb(54,78,219)
-
#2d48e4
#2d48e4
rgb(45,72,228)
-
#2441ed
#2441ed
rgb(36,65,237)
-
#1b3bf6
#1b3bf6
rgb(27,59,246)
-
#1234ff
#1234ff
rgb(18,52,255)
Color Blindness Simulator
Below, you can see how #1234ff 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.