#ff102d hex color

In a RGB color space, hex #ff102d is composed of 100% red, 6.3% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.7% magenta, 82.4% yellow and 0% black. It has a hue angle of 352.7 degrees, a saturation of 100% and a lightness of 53.1%. #ff102d color hex could be obtained by blending #ff205a with #ff0000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 100
- G 6
- B 18
RGB color chart
- C 0
- M 94
- Y 82
- K 0
CMYK color chart

● #ff102d color description : Vivid red.

The hexadecimal color #ff102d has RGB values of R:255, G:16, B:45 and CMYK values of C:0, M:0.94, Y:0.82, K:0. Its decimal value is 16715821.

Hex triplet	ff102d	`#ff102d`
RGB Decimal	255, 16, 45	`rgb(255,16,45)`
RGB Percent	100, 6.3, 17.6	`rgb(100%,6.3%,17.6%)`
CMYK	0, 94, 82, 0
HSL	352.7°, 100, 53.1	`hsl(352.7,100%,53.1%)`
HSV (or HSB)	352.7°, 93.7, 100
Web Safe	ff0033	`#ff0033`

CIE-LAB	53.841, 79.499, 51.324
XYZ	41.901, 21.826, 4.489
xyY	0.614, 0.32, 21.826
CIE-LCH	53.841, 94.627, 32.846
CIE-LUV	53.841, 168.023, 31.405
Hunter-Lab	46.718, 78.34, 27.005
Binary	11111111, 00010000, 00101101

#ff102d
```
#ff102d rgb(255,16,45)
```
#10ffe2
```
#10ffe2 rgb(16,255,226)
```

Complementary Color

#ff10a5
```
#ff10a5 rgb(255,16,165)
```
#ff102d
```
#ff102d rgb(255,16,45)
```
#ff6b10
```
#ff6b10 rgb(255,107,16)
```

Analogous Color

#10a5ff
```
#10a5ff rgb(16,165,255)
```
#ff102d
```
#ff102d rgb(255,16,45)
```
#10ff6b
```
#10ff6b rgb(16,255,107)
```

Split Complementary Color

#102dff
```
#102dff rgb(16,45,255)
```
#ff102d
```
#ff102d rgb(255,16,45)
```
#2dff10
```
#2dff10 rgb(45,255,16)
```

Triadic Color

#e210ff
```
#e210ff rgb(226,16,255)
```
#ff102d
```
#ff102d rgb(255,16,45)
```
#2dff10
```
#2dff10 rgb(45,255,16)
```
#10ffe2
```
#10ffe2 rgb(16,255,226)
```

Tetradic Color

#c30018
```
#c30018 rgb(195,0,24)
```
#dc001b
```
#dc001b rgb(220,0,27)
```
#f6001e
```
#f6001e rgb(246,0,30)
```
#ff102d
```
#ff102d rgb(255,16,45)
```
#ff2a43
```
#ff2a43 rgb(255,42,67)
```
#ff435a
```
#ff435a rgb(255,67,90)
```
#ff5d70
```
#ff5d70 rgb(255,93,112)
```

Monochromatic Color

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

#ff1069
```
#ff1069 rgb(255,16,105)
```
#ff1055
```
#ff1055 rgb(255,16,85)
```
#ff1041
```
#ff1041 rgb(255,16,65)
```
#ff102d
```
#ff102d rgb(255,16,45)
```
#ff1019
```
#ff1019 rgb(255,16,25)
```
#ff1b10
```
#ff1b10 rgb(255,27,16)
```
#ff2f10
```
#ff2f10 rgb(255,47,16)
```

Similar Colors

Text with hexadecimal color #ff102d

This text has a font color of #ff102d.

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

#ff102d background color

This paragraph has a background color of #ff102d.

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

#ff102d border color

This element has a border color of #ff102d.

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

CSS codes

.text {color:#ff102d;}

.background {background-color:#ff102d;}

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

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

#100002
```
#100002 rgb(16,0,2)
```
#240004
```
#240004 rgb(36,0,4)
```
#370007
```
#370007 rgb(55,0,7)
```
#4b0009
```
#4b0009 rgb(75,0,9)
```
#5e000b
```
#5e000b rgb(94,0,11)
```
#72000e
```
#72000e rgb(114,0,14)
```
#860010
```
#860010 rgb(134,0,16)
```
#990013
```
#990013 rgb(153,0,19)
```
#ad0015
```
#ad0015 rgb(173,0,21)
```
#c10017
```
#c10017 rgb(193,0,23)
```
#d4001a
```
#d4001a rgb(212,0,26)
```
#e8001c
```
#e8001c rgb(232,0,28)
```
#fb001f
```
#fb001f rgb(251,0,31)
```

Shade Color Variation

#ff102d
```
#ff102d rgb(255,16,45)
```
#ff243e
```
#ff243e rgb(255,36,62)
```
#ff374f
```
#ff374f rgb(255,55,79)
```
#ff4b61
```
#ff4b61 rgb(255,75,97)
```
#ff5e72
```
#ff5e72 rgb(255,94,114)
```
#ff7283
```
#ff7283 rgb(255,114,131)
```
#ff8694
```
#ff8694 rgb(255,134,148)
```
#ff99a6
```
#ff99a6 rgb(255,153,166)
```
#ffadb7
```
#ffadb7 rgb(255,173,183)
```
#ffc1c8
```
#ffc1c8 rgb(255,193,200)
```
#ffd4d9
```
#ffd4d9 rgb(255,212,217)
```
#ffe8eb
```
#ffe8eb rgb(255,232,235)
```
#fffbfc
```
#fffbfc rgb(255,251,252)
```

Tint Color Variation

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

#917e81
```
#917e81 rgb(145,126,129)
```
#9a757a
```
#9a757a rgb(154,117,122)
```
#a36c73
```
#a36c73 rgb(163,108,115)
```
#ac636c
```
#ac636c rgb(172,99,108)
```
#b55a65
```
#b55a65 rgb(181,90,101)
```
#bf505e
```
#bf505e rgb(191,80,94)
```
#c84757
```
#c84757 rgb(200,71,87)
```
#d13e50
```
#d13e50 rgb(209,62,80)
```
#da3549
```
#da3549 rgb(218,53,73)
```
#e32c42
```
#e32c42 rgb(227,44,66)
```
#ed223b
```
#ed223b rgb(237,34,59)
```
#f61934
```
#f61934 rgb(246,25,52)
```
#ff102d
```
#ff102d rgb(255,16,45)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#7c4c52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94874f Protanopia 1% of men
#a88021 Deuteranopia 1% of men
#fe221b Tritanopia 0.001% of the population

Trichromacy

#ba5b42 Protanomaly 1% of men, 0.01% of women
#c85725 Deuteranomaly 6% of men, 0.4% of women
#fe1c21 Tritanomaly 0.01% of the population

#ff102d hex color

#ff102d Color Information

#ff102d Color Conversion

Color Schemes with #ff102d

Alternatives to #ff102d

#ff102d Preview

Shades and Tints of #ff102d

Tones of #ff102d

Color Blindness Simulator