#f18a65 hex color

In a RGB color space, hex #f18a65 is composed of 94.5% red, 54.1% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.7% magenta, 58.1% yellow and 5.5% black. It has a hue angle of 15.9 degrees, a saturation of 83.3% and a lightness of 67.1%. #f18a65 color hex could be obtained by blending #ffffca with #e31500. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 95
- G 54
- B 40
RGB color chart
- C 0
- M 43
- Y 58
- K 5
CMYK color chart

● #f18a65 color description : Soft orange.

The hexadecimal color #f18a65 has RGB values of R:241, G:138, B:101 and CMYK values of C:0, M:0.43, Y:0.58, K:0.05. Its decimal value is 15829605.

Hex triplet	f18a65	`#f18a65`
RGB Decimal	241, 138, 101	`rgb(241,138,101)`
RGB Percent	94.5, 54.1, 39.6	`rgb(94.5%,54.1%,39.6%)`
CMYK	0, 43, 58, 5
HSL	15.9°, 83.3, 67.1	`hsl(15.9,83.3%,67.1%)`
HSV (or HSB)	15.9°, 58.1, 94.5
Web Safe	ff9966	`#ff9966`

CIE-LAB	67.888, 35.792, 36.733
XYZ	47.714, 37.821, 17.099
xyY	0.465, 0.369, 37.821
CIE-LCH	67.888, 51.287, 45.743
CIE-LUV	67.888, 78.187, 37.516
Hunter-Lab	61.499, 30.867, 26.565
Binary	11110001, 10001010, 01100101

#f18a65
```
#f18a65 rgb(241,138,101)
```
#65ccf1
```
#65ccf1 rgb(101,204,241)
```

Complementary Color

#f16586
```
#f16586 rgb(241,101,134)
```
#f18a65
```
#f18a65 rgb(241,138,101)
```
#f1d065
```
#f1d065 rgb(241,208,101)
```

Analogous Color

#6586f1
```
#6586f1 rgb(101,134,241)
```
#f18a65
```
#f18a65 rgb(241,138,101)
```
#65f1d0
```
#65f1d0 rgb(101,241,208)
```

Split Complementary Color

#8a65f1
```
#8a65f1 rgb(138,101,241)
```
#f18a65
```
#f18a65 rgb(241,138,101)
```
#65f18a
```
#65f18a rgb(101,241,138)
```

Triadic Color

#f165cc
```
#f165cc rgb(241,101,204)
```
#f18a65
```
#f18a65 rgb(241,138,101)
```
#65f18a
```
#65f18a rgb(101,241,138)
```
#65ccf1
```
#65ccf1 rgb(101,204,241)
```

Tetradic Color

#eb551f
```
#eb551f rgb(235,85,31)
```
#ed6636
```
#ed6636 rgb(237,102,54)
```
#ef784e
```
#ef784e rgb(239,120,78)
```
#f18a65
```
#f18a65 rgb(241,138,101)
```
#f39c7c
```
#f39c7c rgb(243,156,124)
```
#f5ae94
```
#f5ae94 rgb(245,174,148)
```
#f7bfab
```
#f7bfab rgb(247,191,171)
```

Monochromatic Color

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

#f16765
```
#f16765 rgb(241,103,101)
```
#f17365
```
#f17365 rgb(241,115,101)
```
#f17e65
```
#f17e65 rgb(241,126,101)
```
#f18a65
```
#f18a65 rgb(241,138,101)
```
#f19665
```
#f19665 rgb(241,150,101)
```
#f1a165
```
#f1a165 rgb(241,161,101)
```
#f1ad65
```
#f1ad65 rgb(241,173,101)
```

Similar Colors

Text with hexadecimal color #f18a65

This text has a font color of #f18a65.

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

#f18a65 background color

This paragraph has a background color of #f18a65.

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

#f18a65 border color

This element has a border color of #f18a65.

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

CSS codes

.text {color:#f18a65;}

.background {background-color:#f18a65;}

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

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

#080301
```
#080301 rgb(8,3,1)
```
#1a0902
```
#1a0902 rgb(26,9,2)
```
#2c0f04
```
#2c0f04 rgb(44,15,4)
```
#3e1406
```
#3e1406 rgb(62,20,6)
```
#501a07
```
#501a07 rgb(80,26,7)
```
#622009
```
#622009 rgb(98,32,9)
```
#74260b
```
#74260b rgb(116,38,11)
```
#862c0c
```
#862c0c rgb(134,44,12)
```
#98320e
```
#98320e rgb(152,50,14)
```
#aa380f
```
#aa380f rgb(170,56,15)
```
#bc3e11
```
#bc3e11 rgb(188,62,17)
```
#ce4413
```
#ce4413 rgb(206,68,19)
```
#e04a14
```
#e04a14 rgb(224,74,20)
```

Shade Color Variation

#ea531d
```
#ea531d rgb(234,83,29)
```
#ec612f
```
#ec612f rgb(236,97,47)
```
#ee6f41
```
#ee6f41 rgb(238,111,65)
```
#ef7c53
```
#ef7c53 rgb(239,124,83)
```
#f18a65
```
#f18a65 rgb(241,138,101)
```
#f39877
```
#f39877 rgb(243,152,119)
```
#f4a589
```
#f4a589 rgb(244,165,137)
```
#f6b39b
```
#f6b39b rgb(246,179,155)
```
#f8c1ad
```
#f8c1ad rgb(248,193,173)
```
#f9cebf
```
#f9cebf rgb(249,206,191)
```
#fbdcd1
```
#fbdcd1 rgb(251,220,209)
```
#fceae3
```
#fceae3 rgb(252,234,227)
```
#fef7f5
```
#fef7f5 rgb(254,247,245)
```

Tint Color Variation

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

#b0a8a6
```
#b0a8a6 rgb(176,168,166)
```
#b7a59f
```
#b7a59f rgb(183,165,159)
```
#bda299
```
#bda299 rgb(189,162,153)
```
#c49f92
```
#c49f92 rgb(196,159,146)
```
#ca9c8c
```
#ca9c8c rgb(202,156,140)
```
#d19985
```
#d19985 rgb(209,153,133)
```
#d7967f
```
#d7967f rgb(215,150,127)
```
#de9378
```
#de9378 rgb(222,147,120)
```
#e49072
```
#e49072 rgb(228,144,114)
```
#eb8d6b
```
#eb8d6b rgb(235,141,107)
```
#f18a65
```
#f18a65 rgb(241,138,101)
```
#f7875f
```
#f7875f rgb(247,135,95)
```
#fe8458
```
#fe8458 rgb(254,132,88)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#b4a098 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a976 Protanopia 1% of men
#cda267 Deuteranopia 1% of men
#f48a93 Tritanopia 0.001% of the population

Trichromacy

#cc9e70 Protanomaly 1% of men, 0.01% of women
#da9966 Deuteranomaly 6% of men, 0.4% of women
#f38a82 Tritanomaly 0.01% of the population

#f18a65 hex color

#f18a65 Color Information

#f18a65 Color Conversion

Color Schemes with #f18a65

Alternatives to #f18a65

#f18a65 Preview

Shades and Tints of #f18a65

Tones of #f18a65

Color Blindness Simulator