#123afd hex color

In a RGB color space, hex #123afd is composed of 7.1% red, 22.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 77.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 229.8 degrees, a saturation of 98.3% and a lightness of 53.1%. #123afd color hex could be obtained by blending #2474ff with #0000fb. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 7
- G 23
- B 99
RGB color chart
- C 93
- M 77
- Y 0
- K 1
CMYK color chart

● #123afd color description : Vivid blue.

The hexadecimal color #123afd has RGB values of R:18, G:58, B:253 and CMYK values of C:0.93, M:0.77, Y:0, K:0.01. Its decimal value is 1194749.

Hex triplet	123afd	`#123afd`
RGB Decimal	18, 58, 253	`rgb(18,58,253)`
RGB Percent	7.1, 22.7, 99.2	`rgb(7.1%,22.7%,99.2%)`
CMYK	93, 77, 0, 1
HSL	229.8°, 98.3, 53.1	`hsl(229.8,98.3%,53.1%)`
HSV (or HSB)	229.8°, 92.9, 99.2
Web Safe	0033ff	`#0033ff`

CIE-LAB	38.279, 60.879, -96.768
XYZ	19.489, 10.245, 93.873
xyY	0.158, 0.083, 10.245
CIE-LCH	38.279, 114.325, 302.175
CIE-LUV	38.279, -13.153, -132.164
Hunter-Lab	32.008, 52.669, -151.482
Binary	00010010, 00111010, 11111101

#123afd
```
#123afd rgb(18,58,253)
```
#fdd512
```
#fdd512 rgb(253,213,18)
```

Complementary Color

#12b0fd
```
#12b0fd rgb(18,176,253)
```
#123afd
```
#123afd rgb(18,58,253)
```
#6012fd
```
#6012fd rgb(96,18,253)
```

Analogous Color

#b0fd12
```
#b0fd12 rgb(176,253,18)
```
#123afd
```
#123afd rgb(18,58,253)
```
#fd6012
```
#fd6012 rgb(253,96,18)
```

Split Complementary Color

#3afd12
```
#3afd12 rgb(58,253,18)
```
#123afd
```
#123afd rgb(18,58,253)
```
#fd123a
```
#fd123a rgb(253,18,58)
```

Triadic Color

#12fdd5
```
#12fdd5 rgb(18,253,213)
```
#123afd
```
#123afd rgb(18,58,253)
```
#fd123a
```
#fd123a rgb(253,18,58)
```
#fdd512
```
#fdd512 rgb(253,213,18)
```

Tetradic Color

#0222c1
```
#0222c1 rgb(2,34,193)
```
#0227da
```
#0227da rgb(2,39,218)
```
#022bf3
```
#022bf3 rgb(2,43,243)
```
#123afd
```
#123afd rgb(18,58,253)
```
#2b4ffd
```
#2b4ffd rgb(43,79,253)
```
#4564fd
```
#4564fd rgb(69,100,253)
```
#5e79fe
```
#5e79fe rgb(94,121,254)
```

Monochromatic Color

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

#1275fd
```
#1275fd rgb(18,117,253)
```
#1261fd
```
#1261fd rgb(18,97,253)
```
#124efd
```
#124efd rgb(18,78,253)
```
#123afd
```
#123afd rgb(18,58,253)
```
#1226fd
```
#1226fd rgb(18,38,253)
```
#1213fd
```
#1213fd rgb(18,19,253)
```
#2512fd
```
#2512fd rgb(37,18,253)
```

Similar Colors

Text with hexadecimal color #123afd

This text has a font color of #123afd.

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

#123afd background color

This paragraph has a background color of #123afd.

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

#123afd border color

This element has a border color of #123afd.

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

CSS codes

.text {color:#123afd;}

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

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

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, #000310 is the darkest color, while #fbfcff is the lightest one.

#000310
```
#000310 rgb(0,3,16)
```
#000623
```
#000623 rgb(0,6,35)
```
#000a37
```
#000a37 rgb(0,10,55)
```
#010d4a
```
#010d4a rgb(1,13,74)
```
#01115e
```
#01115e rgb(1,17,94)
```
#011471
```
#011471 rgb(1,20,113)
```
#011785
```
#011785 rgb(1,23,133)
```
#011b98
```
#011b98 rgb(1,27,152)
```
#011eab
```
#011eab rgb(1,30,171)
```
#0222bf
```
#0222bf rgb(2,34,191)
```
#0225d2
```
#0225d2 rgb(2,37,210)
```
#0229e6
```
#0229e6 rgb(2,41,230)
```
#022cf9
```
#022cf9 rgb(2,44,249)
```

Shade Color Variation

#123afd
```
#123afd rgb(18,58,253)
```
#254afd
```
#254afd rgb(37,74,253)
```
#395afd
```
#395afd rgb(57,90,253)
```
#4c6bfd
```
#4c6bfd rgb(76,107,253)
```
#607bfe
```
#607bfe rgb(96,123,254)
```
#738bfe
```
#738bfe rgb(115,139,254)
```
#879bfe
```
#879bfe rgb(135,155,254)
```
#9aabfe
```
#9aabfe rgb(154,171,254)
```
#aebbfe
```
#aebbfe rgb(174,187,254)
```
#c1ccfe
```
#c1ccfe rgb(193,204,254)
```
#d5dcff
```
#d5dcff rgb(213,220,255)
```
#e8ecff
```
#e8ecff rgb(232,236,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#80838f
```
#80838f rgb(128,131,143)
```
#777d98
```
#777d98 rgb(119,125,152)
```
#6e77a1
```
#6e77a1 rgb(110,119,161)
```
#6571aa
```
#6571aa rgb(101,113,170)
```
#5c6bb3
```
#5c6bb3 rgb(92,107,179)
```
#5264bd
```
#5264bd rgb(82,100,189)
```
#495ec6
```
#495ec6 rgb(73,94,198)
```
#4058cf
```
#4058cf rgb(64,88,207)
```
#3752d8
```
#3752d8 rgb(55,82,216)
```
#2e4ce1
```
#2e4ce1 rgb(46,76,225)
```
#2446eb
```
#2446eb rgb(36,70,235)
```
#1b40f4
```
#1b40f4 rgb(27,64,244)
```
#123afd
```
#123afd rgb(18,58,253)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3a4269 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a0 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#0652d2 Protanomaly 1% of men, 0.01% of women
#0655c2 Deuteranomaly 6% of men, 0.4% of women
#065aa4 Tritanomaly 0.01% of the population

#123afd hex color

#123afd Color Information

#123afd Color Conversion

Color Schemes with #123afd

Alternatives to #123afd

#123afd Preview

Shades and Tints of #123afd

Tones of #123afd

Color Blindness Simulator