colorhexa.com

#f2307a hex color

In a RGB color space, hex #f2307a is composed of 94.9% red, 18.8% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.2% magenta, 49.6% yellow and 5.1% black. It has a hue angle of 337.1 degrees, a saturation of 88.2% and a lightness of 56.9%. #f2307a color hex could be obtained by blending #ff60f4 with #e50000. Closest websafe color is: #ff3366.

- R 95
- G 19
- B 48
RGB color chart
- C 0
- M 80
- Y 50
- K 5
CMYK color chart

● #f2307a color description : Bright pink.

The hexadecimal color #f2307a has RGB values of R:242, G:48, B:122 and CMYK values of C:0, M:0.8, Y:0.5, K:0.05. Its decimal value is 15872122.

Hex triplet	f2307a	`#f2307a`
RGB Decimal	242, 48, 122	`rgb(242,48,122)`
RGB Percent	94.9, 18.8, 47.8	`rgb(94.9%,18.8%,47.8%)`
CMYK	0, 80, 50, 5
HSL	337.1°, 88.2, 56.9	`hsl(337.1,88.2%,56.9%)`
HSV (or HSB)	337.1°, 80.2, 94.9
Web Safe	ff3366	`#ff3366`

CIE-LAB	54.45, 74.708, 6.713
XYZ	41.189, 22.401, 20.566
xyY	0.489, 0.266, 22.401
CIE-LCH	54.45, 75.009, 5.134
CIE-LUV	54.45, 125.674, -6.363
Hunter-Lab	47.33, 72.515, 7.367
Binary	11110010, 00110000, 01111010

#f2307a
```
#f2307a rgb(242,48,122)
```
#30f2a8
```
#30f2a8 rgb(48,242,168)
```

Complementary Color

#f230db
```
#f230db rgb(242,48,219)
```
#f2307a
```
#f2307a rgb(242,48,122)
```
#f24730
```
#f24730 rgb(242,71,48)
```

Analogous Color

#30dbf2
```
#30dbf2 rgb(48,219,242)
```
#f2307a
```
#f2307a rgb(242,48,122)
```
#30f247
```
#30f247 rgb(48,242,71)
```

Split Complementary Color

#307af2
```
#307af2 rgb(48,122,242)
```
#f2307a
```
#f2307a rgb(242,48,122)
```
#7af230
```
#7af230 rgb(122,242,48)
```

Triadic Color

#a830f2
```
#a830f2 rgb(168,48,242)
```
#f2307a
```
#f2307a rgb(242,48,122)
```
#7af230
```
#7af230 rgb(122,242,48)
```
#30f2a8
```
#30f2a8 rgb(48,242,168)
```

Tetradic Color

#c90d54
```
#c90d54 rgb(201,13,84)
```
#e10e5f
```
#e10e5f rgb(225,14,95)
```
#f0186b
```
#f0186b rgb(240,24,107)
```
#f2307a
```
#f2307a rgb(242,48,122)
```
#f44889
```
#f44889 rgb(244,72,137)
```
#f56099
```
#f56099 rgb(245,96,153)
```
#f778a8
```
#f778a8 rgb(247,120,168)
```

Monochromatic Color

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

#f230ab
```
#f230ab rgb(242,48,171)
```
#f2309a
```
#f2309a rgb(242,48,154)
```
#f2308a
```
#f2308a rgb(242,48,138)
```
#f2307a
```
#f2307a rgb(242,48,122)
```
#f2306a
```
#f2306a rgb(242,48,106)
```
#f2305a
```
#f2305a rgb(242,48,90)
```
#f2304a
```
#f2304a rgb(242,48,74)
```

Similar Colors

Text with hexadecimal color #f2307a

This text has a font color of #f2307a.

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

#f2307a background color

This paragraph has a background color of #f2307a.

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

#f2307a border color

This element has a border color of #f2307a.

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

CSS codes

.text {color:#f2307a;}

.background {background-color:#f2307a;}

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

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

#0e0106
```
#0e0106 rgb(14,1,6)
```
#21020e
```
#21020e rgb(33,2,14)
```
#330316
```
#330316 rgb(51,3,22)
```
#46041d
```
#46041d rgb(70,4,29)
```
#580625
```
#580625 rgb(88,6,37)
```
#6b072d
```
#6b072d rgb(107,7,45)
```
#7d0835
```
#7d0835 rgb(125,8,53)
```
#90093c
```
#90093c rgb(144,9,60)
```
#a20a44
```
#a20a44 rgb(162,10,68)
```
#b50b4c
```
#b50b4c rgb(181,11,76)
```
#c70d54
```
#c70d54 rgb(199,13,84)
```
#d90e5b
```
#d90e5b rgb(217,14,91)
```
#ec0f63
```
#ec0f63 rgb(236,15,99)
```

Shade Color Variation

#f11e6e
```
#f11e6e rgb(241,30,110)
```
#f2307a
```
#f2307a rgb(242,48,122)
```
#f34286
```
#f34286 rgb(243,66,134)
```
#f45592
```
#f45592 rgb(244,85,146)
```
#f5679e
```
#f5679e rgb(245,103,158)
```
#f77aa9
```
#f77aa9 rgb(247,122,169)
```
#f88cb5
```
#f88cb5 rgb(248,140,181)
```
#f99fc1
```
#f99fc1 rgb(249,159,193)
```
#fab1cd
```
#fab1cd rgb(250,177,205)
```
#fbc4d9
```
#fbc4d9 rgb(251,196,217)
```
#fcd6e5
```
#fcd6e5 rgb(252,214,229)
```
#fee9f1
```
#fee9f1 rgb(254,233,241)
```
#fffbfc
```
#fffbfc rgb(255,251,252)
```

Tint Color Variation

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

#958d90
```
#958d90 rgb(149,141,144)
```
#9d858e
```
#9d858e rgb(157,133,142)
```
#a67c8c
```
#a67c8c rgb(166,124,140)
```
#ae748a
```
#ae748a rgb(174,116,138)
```
#b76b88
```
#b76b88 rgb(183,107,136)
```
#bf6386
```
#bf6386 rgb(191,99,134)
```
#c85a84
```
#c85a84 rgb(200,90,132)
```
#d05282
```
#d05282 rgb(208,82,130)
```
#d94980
```
#d94980 rgb(217,73,128)
```
#e1417e
```
#e1417e rgb(225,65,126)
```
#ea387c
```
#ea387c rgb(234,56,124)
```
#f2307a
```
#f2307a rgb(242,48,122)
```
#fa2878
```
#fa2878 rgb(250,40,120)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#8c6574 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8187a4 Protanopia 1% of men
#9c8374 Deuteranopia 1% of men
#ef494c Tritanopia 0.001% of the population

Trichromacy

#aa6795 Protanomaly 1% of men, 0.01% of women
#bb6576 Deuteranomaly 6% of men, 0.4% of women
#f0405d Tritanomaly 0.01% of the population