#123cff hex color

In a RGB color space, hex #123cff is composed of 7.1% red, 23.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 76.5% magenta, 0% yellow and 0% black. It has a hue angle of 229.4 degrees, a saturation of 100% and a lightness of 53.5%. #123cff color hex could be obtained by blending #2478ff with #0000ff. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 7
- G 24
- B 100
RGB color chart
- C 93
- M 76
- Y 0
- K 0
CMYK color chart

● #123cff color description : Vivid blue.

The hexadecimal color #123cff has RGB values of R:18, G:60, B:255 and CMYK values of C:0.93, M:0.76, Y:0, K:0. Its decimal value is 1195263.

Hex triplet	123cff	`#123cff`
RGB Decimal	18, 60, 255	`rgb(18,60,255)`
RGB Percent	7.1, 23.5, 100	`rgb(7.1%,23.5%,100%)`
CMYK	93, 76, 0, 0
HSL	229.4°, 100, 53.5	`hsl(229.4,100%,53.5%)`
HSV (or HSB)	229.4°, 92.9, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	38.862, 60.484, -96.919
XYZ	19.912, 10.579, 95.595
xyY	0.158, 0.084, 10.579
CIE-LCH	38.862, 114.244, 301.967
CIE-LUV	38.862, -13.487, -133.248
Hunter-Lab	32.525, 52.358, -151.493
Binary	00010010, 00111100, 11111111

#123cff
```
#123cff rgb(18,60,255)
```
#ffd512
```
#ffd512 rgb(255,213,18)
```

Complementary Color

#12b3ff
```
#12b3ff rgb(18,179,255)
```
#123cff
```
#123cff rgb(18,60,255)
```
#5f12ff
```
#5f12ff rgb(95,18,255)
```

Analogous Color

#b3ff12
```
#b3ff12 rgb(179,255,18)
```
#123cff
```
#123cff rgb(18,60,255)
```
#ff5e12
```
#ff5e12 rgb(255,94,18)
```

Split Complementary Color

#3cff12
```
#3cff12 rgb(60,255,18)
```
#123cff
```
#123cff rgb(18,60,255)
```
#ff123c
```
#ff123c rgb(255,18,60)
```

Triadic Color

#12ffd5
```
#12ffd5 rgb(18,255,213)
```
#123cff
```
#123cff rgb(18,60,255)
```
#ff123c
```
#ff123c rgb(255,18,60)
```
#ffd512
```
#ffd512 rgb(255,213,18)
```

Tetradic Color

#0023c5
```
#0023c5 rgb(0,35,197)
```
#0027de
```
#0027de rgb(0,39,222)
```
#002cf8
```
#002cf8 rgb(0,44,248)
```
#123cff
```
#123cff rgb(18,60,255)
```
#2c51ff
```
#2c51ff rgb(44,81,255)
```
#4566ff
```
#4566ff rgb(69,102,255)
```
#5f7bff
```
#5f7bff rgb(95,123,255)
```

Monochromatic Color

Below, you can see some colors close to #123cff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#1277ff
```
#1277ff rgb(18,119,255)
```
#1264ff
```
#1264ff rgb(18,100,255)
```
#1250ff
```
#1250ff rgb(18,80,255)
```
#123cff
```
#123cff rgb(18,60,255)
```
#1228ff
```
#1228ff rgb(18,40,255)
```
#1215ff
```
#1215ff rgb(18,21,255)
```
#2312ff
```
#2312ff rgb(35,18,255)
```

Similar Colors

Text with hexadecimal color #123cff

This text has a font color of #123cff.

<span style="color:#123cff;">Text here</span>

#123cff background color

This paragraph has a background color of #123cff.

<p style="background-color:#123cff;">Content here</p>

#123cff border color

This element has a border color of #123cff.

<div style="border:1px solid #123cff;">Content here</div>

CSS codes

.text {color:#123cff;}

.background {background-color:#123cff;}

.border {border:1px solid #123cff;}

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)
```
#000726
```
#000726 rgb(0,7,38)
```
#000a39
```
#000a39 rgb(0,10,57)
```
#000e4d
```
#000e4d rgb(0,14,77)
```
#001160
```
#001160 rgb(0,17,96)
```
#001574
```
#001574 rgb(0,21,116)
```
#001888
```
#001888 rgb(0,24,136)
```
#001c9b
```
#001c9b rgb(0,28,155)
```
#001faf
```
#001faf rgb(0,31,175)
```
#0022c3
```
#0022c3 rgb(0,34,195)
```
#0026d6
```
#0026d6 rgb(0,38,214)
```
#0029ea
```
#0029ea rgb(0,41,234)
```
#002dfd
```
#002dfd rgb(0,45,253)
```

Shade Color Variation

#123cff
```
#123cff rgb(18,60,255)
```
#264cff
```
#264cff rgb(38,76,255)
```
#395cff
```
#395cff rgb(57,92,255)
```
#4d6cff
```
#4d6cff rgb(77,108,255)
```
#607dff
```
#607dff rgb(96,125,255)
```
#748dff
```
#748dff rgb(116,141,255)
```
#889dff
```
#889dff rgb(136,157,255)
```
#9badff
```
#9badff rgb(155,173,255)
```
#afbdff
```
#afbdff rgb(175,189,255)
```
#c3cdff
```
#c3cdff rgb(195,205,255)
```
#d6ddff
```
#d6ddff rgb(214,221,255)
```
#eaeeff
```
#eaeeff rgb(234,238,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8392 is the less saturated color, while #123cff is the most saturated one.

#7f8392
```
#7f8392 rgb(127,131,146)
```
#767d9b
```
#767d9b rgb(118,125,155)
```
#6d77a4
```
#6d77a4 rgb(109,119,164)
```
#6471ad
```
#6471ad rgb(100,113,173)
```
#5b6bb6
```
#5b6bb6 rgb(91,107,182)
```
#5265bf
```
#5265bf rgb(82,101,191)
```
#495fc8
```
#495fc8 rgb(73,95,200)
```
#4059d1
```
#4059d1 rgb(64,89,209)
```
#3654db
```
#3654db rgb(54,84,219)
```
#2d4ee4
```
#2d4ee4 rgb(45,78,228)
```
#2448ed
```
#2448ed rgb(36,72,237)
```
#1b42f6
```
#1b42f6 rgb(27,66,246)
```
#123cff
```
#123cff rgb(18,60,255)
```

Tone Color Variation

Below, you can see how #123cff 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.

Monochromacy

#464646 Achromatopsia 0.005% of the population
#3c446b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bc Protanopia 1% of men
#0066a3 Deuteranopia 1% of men
#006e72 Tritanopia 0.001% of the population

Trichromacy

#0653d4 Protanomaly 1% of men, 0.01% of women
#0657c4 Deuteranomaly 6% of men, 0.4% of women
#065ba5 Tritanomaly 0.01% of the population

#123cff hex color

#123cff Color Information

#123cff Color Conversion

Color Schemes with #123cff

Alternatives to #123cff

#123cff Preview

Shades and Tints of #123cff

Tones of #123cff

Color Blindness Simulator