#fd123c hex color

In a RGB color space, hex #fd123c is composed of 99.2% red, 7.1% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.9% magenta, 76.3% yellow and 0.8% black. It has a hue angle of 349.3 degrees, a saturation of 98.3% and a lightness of 53.1%. #fd123c color hex could be obtained by blending #ff2478 with #fb0000. Closest websafe color is: #ff0033.

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

● #fd123c color description : Vivid red.

The hexadecimal color #fd123c has RGB values of R:253, G:18, B:60 and CMYK values of C:0, M:0.93, Y:0.76, K:0.01. Its decimal value is 16585276.

Hex triplet	fd123c	`#fd123c`
RGB Decimal	253, 18, 60	`rgb(253,18,60)`
RGB Percent	99.2, 7.1, 23.5	`rgb(99.2%,7.1%,23.5%)`
CMYK	0, 93, 76, 1
HSL	349.3°, 98.3, 53.1	`hsl(349.3,98.3%,53.1%)`
HSV (or HSB)	349.3°, 92.9, 99.2
Web Safe	ff0033	`#ff0033`

CIE-LAB	53.65, 79.232, 42.872
XYZ	41.542, 21.647, 6.266
xyY	0.598, 0.312, 21.647
CIE-LCH	53.65, 90.087, 28.418
CIE-LUV	53.65, 163.008, 26.251
Hunter-Lab	46.526, 77.957, 24.584
Binary	11111101, 00010010, 00111100

#fd123c
```
#fd123c rgb(253,18,60)
```
#12fdd3
```
#12fdd3 rgb(18,253,211)
```

Complementary Color

#fd12b2
```
#fd12b2 rgb(253,18,178)
```
#fd123c
```
#fd123c rgb(253,18,60)
```
#fd5e12
```
#fd5e12 rgb(253,94,18)
```

Analogous Color

#12b2fd
```
#12b2fd rgb(18,178,253)
```
#fd123c
```
#fd123c rgb(253,18,60)
```
#12fd5e
```
#12fd5e rgb(18,253,94)
```

Split Complementary Color

#123cfd
```
#123cfd rgb(18,60,253)
```
#fd123c
```
#fd123c rgb(253,18,60)
```
#3cfd12
```
#3cfd12 rgb(60,253,18)
```

Triadic Color

#d312fd
```
#d312fd rgb(211,18,253)
```
#fd123c
```
#fd123c rgb(253,18,60)
```
#3cfd12
```
#3cfd12 rgb(60,253,18)
```
#12fdd3
```
#12fdd3 rgb(18,253,211)
```

Tetradic Color

#c10224
```
#c10224 rgb(193,2,36)
```
#da0229
```
#da0229 rgb(218,2,41)
```
#f3022d
```
#f3022d rgb(243,2,45)
```
#fd123c
```
#fd123c rgb(253,18,60)
```
#fd2b51
```
#fd2b51 rgb(253,43,81)
```
#fd4566
```
#fd4566 rgb(253,69,102)
```
#fe5e7a
```
#fe5e7a rgb(254,94,122)
```

Monochromatic Color

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

#fd1277
```
#fd1277 rgb(253,18,119)
```
#fd1263
```
#fd1263 rgb(253,18,99)
```
#fd1250
```
#fd1250 rgb(253,18,80)
```
#fd123c
```
#fd123c rgb(253,18,60)
```
#fd1228
```
#fd1228 rgb(253,18,40)
```
#fd1215
```
#fd1215 rgb(253,18,21)
```
#fd2312
```
#fd2312 rgb(253,35,18)
```

Similar Colors

Text with hexadecimal color #fd123c

This text has a font color of #fd123c.

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

#fd123c background color

This paragraph has a background color of #fd123c.

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

#fd123c border color

This element has a border color of #fd123c.

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

CSS codes

.text {color:#fd123c;}

.background {background-color:#fd123c;}

.border {border:1px solid #fd123c;}

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

#100003
```
#100003 rgb(16,0,3)
```
#230007
```
#230007 rgb(35,0,7)
```
#37000a
```
#37000a rgb(55,0,10)
```
#4a010e
```
#4a010e rgb(74,1,14)
```
#5e0111
```
#5e0111 rgb(94,1,17)
```
#710115
```
#710115 rgb(113,1,21)
```
#850119
```
#850119 rgb(133,1,25)
```
#98011c
```
#98011c rgb(152,1,28)
```
#ab0120
```
#ab0120 rgb(171,1,32)
```
#bf0223
```
#bf0223 rgb(191,2,35)
```
#d20227
```
#d20227 rgb(210,2,39)
```
#e6022b
```
#e6022b rgb(230,2,43)
```
#f9022e
```
#f9022e rgb(249,2,46)
```

Shade Color Variation

#fd123c
```
#fd123c rgb(253,18,60)
```
#fd254c
```
#fd254c rgb(253,37,76)
```
#fd395c
```
#fd395c rgb(253,57,92)
```
#fd4c6c
```
#fd4c6c rgb(253,76,108)
```
#fe607c
```
#fe607c rgb(254,96,124)
```
#fe738c
```
#fe738c rgb(254,115,140)
```
#fe879c
```
#fe879c rgb(254,135,156)
```
#fe9aac
```
#fe9aac rgb(254,154,172)
```
#feaebc
```
#feaebc rgb(254,174,188)
```
#fec1cc
```
#fec1cc rgb(254,193,204)
```
#ffd5dc
```
#ffd5dc rgb(255,213,220)
```
#ffe8ec
```
#ffe8ec rgb(255,232,236)
```
#fffbfc
```
#fffbfc rgb(255,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8083 is the less saturated color, while #fd123c is the most saturated one.

#8f8083
```
#8f8083 rgb(143,128,131)
```
#98777d
```
#98777d rgb(152,119,125)
```
#a16e77
```
#a16e77 rgb(161,110,119)
```
#aa6571
```
#aa6571 rgb(170,101,113)
```
#b35c6b
```
#b35c6b rgb(179,92,107)
```
#bd5265
```
#bd5265 rgb(189,82,101)
```
#c6495f
```
#c6495f rgb(198,73,95)
```
#cf405a
```
#cf405a rgb(207,64,90)
```
#d83754
```
#d83754 rgb(216,55,84)
```
#e12e4e
```
#e12e4e rgb(225,46,78)
```
#eb2448
```
#eb2448 rgb(235,36,72)
```
#f41b42
```
#f41b42 rgb(244,27,66)
```
#fd123c
```
#fd123c rgb(253,18,60)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#7d4e56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918660 Protanopia 1% of men
#a68035 Deuteranopia 1% of men
#fc2723 Tritanopia 0.001% of the population

Trichromacy

#b85c53 Protanomaly 1% of men, 0.01% of women
#c65837 Deuteranomaly 6% of men, 0.4% of women
#fc1f2c Tritanomaly 0.01% of the population

#fd123c hex color

#fd123c Color Information

#fd123c Color Conversion

Color Schemes with #fd123c

Alternatives to #fd123c

#fd123c Preview

Shades and Tints of #fd123c

Tones of #fd123c

Color Blindness Simulator