#ff3138 hex color

In a RGB color space, hex #ff3138 is composed of 100% red, 19.2% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.8% magenta, 78% yellow and 0% black. It has a hue angle of 358 degrees, a saturation of 100% and a lightness of 59.6%. #ff3138 color hex could be obtained by blending #ff6270 with #ff0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 100
- G 19
- B 22
RGB color chart
- C 0
- M 81
- Y 78
- K 0
CMYK color chart

● #ff3138 color description : Vivid red.

The hexadecimal color #ff3138 has RGB values of R:255, G:49, B:56 and CMYK values of C:0, M:0.81, Y:0.78, K:0. Its decimal value is 16724280.

Hex triplet	ff3138	`#ff3138`
RGB Decimal	255, 49, 56	`rgb(255,49,56)`
RGB Percent	100, 19.2, 22	`rgb(100%,19.2%,22%)`
CMYK	0, 81, 78, 0
HSL	358°, 100, 59.6	`hsl(358,100%,59.6%)`
HSV (or HSB)	358°, 80.8, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.834, 74.368, 47.5
XYZ	43.054, 23.748, 6.058
xyY	0.591, 0.326, 23.748
CIE-LCH	55.834, 88.244, 32.567
CIE-LUV	55.834, 155.849, 31.689
Hunter-Lab	48.731, 72.425, 26.741
Binary	11111111, 00110001, 00111000

#ff3138
```
#ff3138 rgb(255,49,56)
```
#31fff8
```
#31fff8 rgb(49,255,248)
```

Complementary Color

#ff319f
```
#ff319f rgb(255,49,159)
```
#ff3138
```
#ff3138 rgb(255,49,56)
```
#ff9131
```
#ff9131 rgb(255,145,49)
```

Analogous Color

#319fff
```
#319fff rgb(49,159,255)
```
#ff3138
```
#ff3138 rgb(255,49,56)
```
#31ff91
```
#31ff91 rgb(49,255,145)
```

Split Complementary Color

#3138ff
```
#3138ff rgb(49,56,255)
```
#ff3138
```
#ff3138 rgb(255,49,56)
```
#38ff31
```
#38ff31 rgb(56,255,49)
```

Triadic Color

#f831ff
```
#f831ff rgb(248,49,255)
```
#ff3138
```
#ff3138 rgb(255,49,56)
```
#38ff31
```
#38ff31 rgb(56,255,49)
```
#31fff8
```
#31fff8 rgb(49,255,248)
```

Tetradic Color

#e40008
```
#e40008 rgb(228,0,8)
```
#fd0009
```
#fd0009 rgb(253,0,9)
```
#ff181f
```
#ff181f rgb(255,24,31)
```
#ff3138
```
#ff3138 rgb(255,49,56)
```
#ff4b51
```
#ff4b51 rgb(255,75,81)
```
#ff6469
```
#ff6469 rgb(255,100,105)
```
#ff7e82
```
#ff7e82 rgb(255,126,130)
```

Monochromatic Color

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

#ff316c
```
#ff316c rgb(255,49,108)
```
#ff315a
```
#ff315a rgb(255,49,90)
```
#ff3149
```
#ff3149 rgb(255,49,73)
```
#ff3138
```
#ff3138 rgb(255,49,56)
```
#ff3b31
```
#ff3b31 rgb(255,59,49)
```
#ff4c31
```
#ff4c31 rgb(255,76,49)
```
#ff5e31
```
#ff5e31 rgb(255,94,49)
```

Similar Colors

Text with hexadecimal color #ff3138

This text has a font color of #ff3138.

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

#ff3138 background color

This paragraph has a background color of #ff3138.

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

#ff3138 border color

This element has a border color of #ff3138.

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

CSS codes

.text {color:#ff3138;}

.background {background-color:#ff3138;}

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

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, #0a0000 is the darkest color, while #fff5f5 is the lightest one.

#0a0000
```
#0a0000 rgb(10,0,0)
```
#1d0001
```
#1d0001 rgb(29,0,1)
```
#310002
```
#310002 rgb(49,0,2)
```
#450002
```
#450002 rgb(69,0,2)
```
#580003
```
#580003 rgb(88,0,3)
```
#6c0004
```
#6c0004 rgb(108,0,4)
```
#7f0004
```
#7f0004 rgb(127,0,4)
```
#930005
```
#930005 rgb(147,0,5)
```
#a70006
```
#a70006 rgb(167,0,6)
```
#ba0006
```
#ba0006 rgb(186,0,6)
```
#ce0007
```
#ce0007 rgb(206,0,7)
```
#e20008
```
#e20008 rgb(226,0,8)
```
#f50008
```
#f50008 rgb(245,0,8)
```

Shade Color Variation

#ff0a12
```
#ff0a12 rgb(255,10,18)
```
#ff1d25
```
#ff1d25 rgb(255,29,37)
```
#ff3138
```
#ff3138 rgb(255,49,56)
```
#ff454b
```
#ff454b rgb(255,69,75)
```
#ff585e
```
#ff585e rgb(255,88,94)
```
#ff6c71
```
#ff6c71 rgb(255,108,113)
```
#ff7f84
```
#ff7f84 rgb(255,127,132)
```
#ff9397
```
#ff9397 rgb(255,147,151)
```
#ffa7aa
```
#ffa7aa rgb(255,167,170)
```
#ffbabd
```
#ffbabd rgb(255,186,189)
```
#ffced0
```
#ffced0 rgb(255,206,208)
```
#ffe2e3
```
#ffe2e3 rgb(255,226,227)
```
#fff5f5
```
#fff5f5 rgb(255,245,245)
```

Tint Color Variation

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

#a09091
```
#a09091 rgb(160,144,145)
```
#a88889
```
#a88889 rgb(168,136,137)
```
#b08082
```
#b08082 rgb(176,128,130)
```
#b8787a
```
#b8787a rgb(184,120,122)
```
#c07073
```
#c07073 rgb(192,112,115)
```
#c8686c
```
#c8686c rgb(200,104,108)
```
#cf6164
```
#cf6164 rgb(207,97,100)
```
#d7595d
```
#d7595d rgb(215,89,93)
```
#df5156
```
#df5156 rgb(223,81,86)
```
#e7494e
```
#e7494e rgb(231,73,78)
```
#ef4147
```
#ef4147 rgb(239,65,71)
```
#f7393f
```
#f7393f rgb(247,57,63)
```
#ff3138
```
#ff3138 rgb(255,49,56)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#8c6364 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988c58 Protanopia 1% of men
#ad8531 Deuteranopia 1% of men
#fe3c3d Tritanopia 0.001% of the population

Trichromacy

#bd6a4c Protanomaly 1% of men, 0.01% of women
#cb6633 Deuteranomaly 6% of men, 0.4% of women
#fe383b Tritanomaly 0.01% of the population

#ff3138 hex color

#ff3138 Color Information

#ff3138 Color Conversion

Color Schemes with #ff3138

Alternatives to #ff3138

#ff3138 Preview

Shades and Tints of #ff3138

Tones of #ff3138

Color Blindness Simulator