#ff0a2f hex color

In a RGB color space, hex #ff0a2f is composed of 100% red, 3.9% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.1% magenta, 81.6% yellow and 0% black. It has a hue angle of 350.9 degrees, a saturation of 100% and a lightness of 52%. #ff0a2f color hex could be obtained by blending #ff145e with #ff0000. Closest websafe color is: #ff0033.

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

● #ff0a2f color description : Vivid red.

The hexadecimal color #ff0a2f has RGB values of R:255, G:10, B:47 and CMYK values of C:0, M:0.96, Y:0.82, K:0. Its decimal value is 16714287.

Hex triplet	ff0a2f	`#ff0a2f`
RGB Decimal	255, 10, 47	`rgb(255,10,47)`
RGB Percent	100, 3.9, 18.4	`rgb(100%,3.9%,18.4%)`
CMYK	0, 96, 82, 0
HSL	350.9°, 100, 52	`hsl(350.9,100%,52%)`
HSV (or HSB)	350.9°, 96.1, 100
Web Safe	ff0033	`#ff0033`

CIE-LAB	53.694, 80.02, 50.149
XYZ	41.864, 21.688, 4.671
xyY	0.614, 0.318, 21.688
CIE-LCH	53.694, 94.436, 32.075
CIE-LUV	53.694, 168.539, 30.513
Hunter-Lab	46.57, 78.963, 26.652
Binary	11111111, 00001010, 00101111

#ff0a2f
```
#ff0a2f rgb(255,10,47)
```
#0affda
```
#0affda rgb(10,255,218)
```

Complementary Color

#ff0aaa
```
#ff0aaa rgb(255,10,170)
```
#ff0a2f
```
#ff0a2f rgb(255,10,47)
```
#ff600a
```
#ff600a rgb(255,96,10)
```

Analogous Color

#0aaaff
```
#0aaaff rgb(10,170,255)
```
#ff0a2f
```
#ff0a2f rgb(255,10,47)
```
#0aff60
```
#0aff60 rgb(10,255,96)
```

Split Complementary Color

#0a2fff
```
#0a2fff rgb(10,47,255)
```
#ff0a2f
```
#ff0a2f rgb(255,10,47)
```
#2fff0a
```
#2fff0a rgb(47,255,10)
```

Triadic Color

#da0aff
```
#da0aff rgb(218,10,255)
```
#ff0a2f
```
#ff0a2f rgb(255,10,47)
```
#2fff0a
```
#2fff0a rgb(47,255,10)
```
#0affda
```
#0affda rgb(10,255,218)
```

Tetradic Color

#bd001c
```
#bd001c rgb(189,0,28)
```
#d60020
```
#d60020 rgb(214,0,32)
```
#f00024
```
#f00024 rgb(240,0,36)
```
#ff0a2f
```
#ff0a2f rgb(255,10,47)
```
#ff2445
```
#ff2445 rgb(255,36,69)
```
#ff3d5a
```
#ff3d5a rgb(255,61,90)
```
#ff5770
```
#ff5770 rgb(255,87,112)
```

Monochromatic Color

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

#ff0a6c
```
#ff0a6c rgb(255,10,108)
```
#ff0a58
```
#ff0a58 rgb(255,10,88)
```
#ff0a43
```
#ff0a43 rgb(255,10,67)
```
#ff0a2f
```
#ff0a2f rgb(255,10,47)
```
#ff0a1b
```
#ff0a1b rgb(255,10,27)
```
#ff0e0a
```
#ff0e0a rgb(255,14,10)
```
#ff220a
```
#ff220a rgb(255,34,10)
```

Similar Colors

Text with hexadecimal color #ff0a2f

This text has a font color of #ff0a2f.

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

#ff0a2f background color

This paragraph has a background color of #ff0a2f.

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

#ff0a2f border color

This element has a border color of #ff0a2f.

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

CSS codes

.text {color:#ff0a2f;}

.background {background-color:#ff0a2f;}

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

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

#0a0002
```
#0a0002 rgb(10,0,2)
```
#1e0004
```
#1e0004 rgb(30,0,4)
```
#310007
```
#310007 rgb(49,0,7)
```
#45000a
```
#45000a rgb(69,0,10)
```
#58000d
```
#58000d rgb(88,0,13)
```
#6c0010
```
#6c0010 rgb(108,0,16)
```
#800013
```
#800013 rgb(128,0,19)
```
#930016
```
#930016 rgb(147,0,22)
```
#a70019
```
#a70019 rgb(167,0,25)
```
#bb001c
```
#bb001c rgb(187,0,28)
```
#ce001f
```
#ce001f rgb(206,0,31)
```
#e20022
```
#e20022 rgb(226,0,34)
```
#f50025
```
#f50025 rgb(245,0,37)
```

Shade Color Variation

#ff0a2f
```
#ff0a2f rgb(255,10,47)
```
#ff1e40
```
#ff1e40 rgb(255,30,64)
```
#ff3150
```
#ff3150 rgb(255,49,80)
```
#ff4561
```
#ff4561 rgb(255,69,97)
```
#ff5872
```
#ff5872 rgb(255,88,114)
```
#ff6c82
```
#ff6c82 rgb(255,108,130)
```
#ff8093
```
#ff8093 rgb(255,128,147)
```
#ff93a4
```
#ff93a4 rgb(255,147,164)
```
#ffa7b4
```
#ffa7b4 rgb(255,167,180)
```
#ffbbc5
```
#ffbbc5 rgb(255,187,197)
```
#ffced6
```
#ffced6 rgb(255,206,214)
```
#ffe2e6
```
#ffe2e6 rgb(255,226,230)
```
#fff5f7
```
#fff5f7 rgb(255,245,247)
```

Tint Color Variation

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

#8e7b7e
```
#8e7b7e rgb(142,123,126)
```
#977277
```
#977277 rgb(151,114,119)
```
#a16871
```
#a16871 rgb(161,104,113)
```
#aa5f6a
```
#aa5f6a rgb(170,95,106)
```
#b45564
```
#b45564 rgb(180,85,100)
```
#bd4c5d
```
#bd4c5d rgb(189,76,93)
```
#c64356
```
#c64356 rgb(198,67,86)
```
#d03950
```
#d03950 rgb(208,57,80)
```
#d93049
```
#d93049 rgb(217,48,73)
```
#e32643
```
#e32643 rgb(227,38,67)
```
#ec1d3c
```
#ec1d3c rgb(236,29,60)
```
#f61336
```
#f61336 rgb(246,19,54)
```
#ff0a2f
```
#ff0a2f rgb(255,10,47)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#79484f Atypical Achromatopsia 0.001% of the population

Dichromacy

#938651 Protanopia 1% of men
#a88024 Deuteranopia 1% of men
#fe2016 Tritanopia 0.001% of the population

Trichromacy

#ba5945 Protanomaly 1% of men, 0.01% of women
#c75528 Deuteranomaly 6% of men, 0.4% of women
#fe181f Tritanomaly 0.01% of the population

#ff0a2f hex color

#ff0a2f Color Information

#ff0a2f Color Conversion

Color Schemes with #ff0a2f

Alternatives to #ff0a2f

#ff0a2f Preview

Shades and Tints of #ff0a2f

Tones of #ff0a2f

Color Blindness Simulator