#ff1b30 hex color

In a RGB color space, hex #ff1b30 is composed of 100% red, 10.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.4% magenta, 81.2% yellow and 0% black. It has a hue angle of 354.5 degrees, a saturation of 100% and a lightness of 55.3%. #ff1b30 color hex could be obtained by blending #ff3660 with #ff0000. Closest websafe color is: #ff3333.

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

● #ff1b30 color description : Vivid red.

The hexadecimal color #ff1b30 has RGB values of R:255, G:27, B:48 and CMYK values of C:0, M:0.89, Y:0.81, K:0. Its decimal value is 16718640.

Hex triplet	ff1b30	`#ff1b30`
RGB Decimal	255, 27, 48	`rgb(255,27,48)`
RGB Percent	100, 10.6, 18.8	`rgb(100%,10.6%,18.8%)`
CMYK	0, 89, 81, 0
HSL	354.5°, 100, 55.3	`hsl(354.5,100%,55.3%)`
HSV (or HSB)	354.5°, 89.4, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.305, 78.307, 50.206
XYZ	42.168, 22.263, 4.873
xyY	0.608, 0.321, 22.263
CIE-LCH	54.305, 93.019, 32.666
CIE-LUV	54.305, 165.084, 31.388
Hunter-Lab	47.183, 76.954, 26.905
Binary	11111111, 00011011, 00110000

#ff1b30
```
#ff1b30 rgb(255,27,48)
```
#1bffea
```
#1bffea rgb(27,255,234)
```

Complementary Color

#ff1ba2
```
#ff1ba2 rgb(255,27,162)
```
#ff1b30
```
#ff1b30 rgb(255,27,48)
```
#ff781b
```
#ff781b rgb(255,120,27)
```

Analogous Color

#1ba2ff
```
#1ba2ff rgb(27,162,255)
```
#ff1b30
```
#ff1b30 rgb(255,27,48)
```
#1bff78
```
#1bff78 rgb(27,255,120)
```

Split Complementary Color

#1b30ff
```
#1b30ff rgb(27,48,255)
```
#ff1b30
```
#ff1b30 rgb(255,27,48)
```
#30ff1b
```
#30ff1b rgb(48,255,27)
```

Triadic Color

#ea1bff
```
#ea1bff rgb(234,27,255)
```
#ff1b30
```
#ff1b30 rgb(255,27,48)
```
#30ff1b
```
#30ff1b rgb(48,255,27)
```
#1bffea
```
#1bffea rgb(27,255,234)
```

Tetradic Color

#ce0013
```
#ce0013 rgb(206,0,19)
```
#e70015
```
#e70015 rgb(231,0,21)
```
#ff0119
```
#ff0119 rgb(255,1,25)
```
#ff1b30
```
#ff1b30 rgb(255,27,48)
```
#ff3547
```
#ff3547 rgb(255,53,71)
```
#ff4e5e
```
#ff4e5e rgb(255,78,94)
```
#ff6875
```
#ff6875 rgb(255,104,117)
```

Monochromatic Color

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

#ff1b69
```
#ff1b69 rgb(255,27,105)
```
#ff1b56
```
#ff1b56 rgb(255,27,86)
```
#ff1b43
```
#ff1b43 rgb(255,27,67)
```
#ff1b30
```
#ff1b30 rgb(255,27,48)
```
#ff1b1d
```
#ff1b1d rgb(255,27,29)
```
#ff2c1b
```
#ff2c1b rgb(255,44,27)
```
#ff3f1b
```
#ff3f1b rgb(255,63,27)
```

Similar Colors

Text with hexadecimal color #ff1b30

This text has a font color of #ff1b30.

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

#ff1b30 background color

This paragraph has a background color of #ff1b30.

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

#ff1b30 border color

This element has a border color of #ff1b30.

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

CSS codes

.text {color:#ff1b30;}

.background {background-color:#ff1b30;}

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

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

#070001
```
#070001 rgb(7,0,1)
```
#1b0002
```
#1b0002 rgb(27,0,2)
```
#2f0004
```
#2f0004 rgb(47,0,4)
```
#420006
```
#420006 rgb(66,0,6)
```
#560008
```
#560008 rgb(86,0,8)
```
#69000a
```
#69000a rgb(105,0,10)
```
#7d000c
```
#7d000c rgb(125,0,12)
```
#91000d
```
#91000d rgb(145,0,13)
```
#a4000f
```
#a4000f rgb(164,0,15)
```
#b80011
```
#b80011 rgb(184,0,17)
```
#cc0013
```
#cc0013 rgb(204,0,19)
```
#df0015
```
#df0015 rgb(223,0,21)
```
#f30016
```
#f30016 rgb(243,0,22)
```

Shade Color Variation

#ff071e
```
#ff071e rgb(255,7,30)
```
#ff1b30
```
#ff1b30 rgb(255,27,48)
```
#ff2f42
```
#ff2f42 rgb(255,47,66)
```
#ff4254
```
#ff4254 rgb(255,66,84)
```
#ff5665
```
#ff5665 rgb(255,86,101)
```
#ff6977
```
#ff6977 rgb(255,105,119)
```
#ff7d89
```
#ff7d89 rgb(255,125,137)
```
#ff919b
```
#ff919b rgb(255,145,155)
```
#ffa4ad
```
#ffa4ad rgb(255,164,173)
```
#ffb8be
```
#ffb8be rgb(255,184,190)
```
#ffccd0
```
#ffccd0 rgb(255,204,208)
```
#ffdfe2
```
#ffdfe2 rgb(255,223,226)
```
#fff3f4
```
#fff3f4 rgb(255,243,244)
```

Tint Color Variation

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

#968486
```
#968486 rgb(150,132,134)
```
#9f7b7f
```
#9f7b7f rgb(159,123,127)
```
#a77378
```
#a77378 rgb(167,115,120)
```
#b06a70
```
#b06a70 rgb(176,106,112)
```
#b96169
```
#b96169 rgb(185,97,105)
```
#c25862
```
#c25862 rgb(194,88,98)
```
#ca505b
```
#ca505b rgb(202,80,91)
```
#d34754
```
#d34754 rgb(211,71,84)
```
#dc3e4d
```
#dc3e4d rgb(220,62,77)
```
#e53545
```
#e53545 rgb(229,53,69)
```
#ed2d3e
```
#ed2d3e rgb(237,45,62)
```
#f62437
```
#f62437 rgb(246,36,55)
```
#ff1b30
```
#ff1b30 rgb(255,27,48)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#815458 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958851 Protanopia 1% of men
#a98126 Deuteranopia 1% of men
#fe2a27 Tritanopia 0.001% of the population

Trichromacy

#bb6045 Protanomaly 1% of men, 0.01% of women
#c85c29 Deuteranomaly 6% of men, 0.4% of women
#fe252a Tritanomaly 0.01% of the population

#ff1b30 hex color

#ff1b30 Color Information

#ff1b30 Color Conversion

Color Schemes with #ff1b30

Alternatives to #ff1b30

#ff1b30 Preview

Shades and Tints of #ff1b30

Tones of #ff1b30

Color Blindness Simulator