#f1d970 hex color

In a RGB color space, hex #f1d970 is composed of 94.5% red, 85.1% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10% magenta, 53.5% yellow and 5.5% black. It has a hue angle of 48.8 degrees, a saturation of 82.2% and a lightness of 69.2%. #f1d970 color hex could be obtained by blending #ffffe0 with #e3b300. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 85
- B 44
RGB color chart
- C 0
- M 10
- Y 54
- K 5
CMYK color chart

● #f1d970 color description : Soft yellow.

The hexadecimal color #f1d970 has RGB values of R:241, G:217, B:112 and CMYK values of C:0, M:0.1, Y:0.54, K:0.05. Its decimal value is 15849840.

Hex triplet	f1d970	`#f1d970`
RGB Decimal	241, 217, 112	`rgb(241,217,112)`
RGB Percent	94.5, 85.1, 43.9	`rgb(94.5%,85.1%,43.9%)`
CMYK	0, 10, 54, 5
HSL	48.8°, 82.2, 69.2	`hsl(48.8,82.2%,69.2%)`
HSV (or HSB)	48.8°, 53.5, 94.5
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.75, -4.613, 54.084
XYZ	64.013, 69.498, 25.371
xyY	0.403, 0.437, 69.498
CIE-LCH	86.75, 54.281, 94.875
CIE-LUV	86.75, 21.063, 68.308
Hunter-Lab	83.366, -8.826, 40.312
Binary	11110001, 11011001, 01110000

#f1d970
```
#f1d970 rgb(241,217,112)
```
#7088f1
```
#7088f1 rgb(112,136,241)
```

Complementary Color

#f19970
```
#f19970 rgb(241,153,112)
```
#f1d970
```
#f1d970 rgb(241,217,112)
```
#c9f170
```
#c9f170 rgb(201,241,112)
```

Analogous Color

#9970f1
```
#9970f1 rgb(153,112,241)
```
#f1d970
```
#f1d970 rgb(241,217,112)
```
#70c9f1
```
#70c9f1 rgb(112,201,241)
```

Split Complementary Color

#d970f1
```
#d970f1 rgb(217,112,241)
```
#f1d970
```
#f1d970 rgb(241,217,112)
```
#70f1d9
```
#70f1d9 rgb(112,241,217)
```

Triadic Color

#f17088
```
#f17088 rgb(241,112,136)
```
#f1d970
```
#f1d970 rgb(241,217,112)
```
#70f1d9
```
#70f1d9 rgb(112,241,217)
```
#7088f1
```
#7088f1 rgb(112,136,241)
```

Tetradic Color

#eac62a
```
#eac62a rgb(234,198,42)
```
#eccd42
```
#eccd42 rgb(236,205,66)
```
#efd359
```
#efd359 rgb(239,211,89)
```
#f1d970
```
#f1d970 rgb(241,217,112)
```
#f3df87
```
#f3df87 rgb(243,223,135)
```
#f6e59e
```
#f6e59e rgb(246,229,158)
```
#f8ecb6
```
#f8ecb6 rgb(248,236,182)
```

Monochromatic Color

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

#f1b970
```
#f1b970 rgb(241,185,112)
```
#f1c470
```
#f1c470 rgb(241,196,112)
```
#f1ce70
```
#f1ce70 rgb(241,206,112)
```
#f1d970
```
#f1d970 rgb(241,217,112)
```
#f1e470
```
#f1e470 rgb(241,228,112)
```
#f1ef70
```
#f1ef70 rgb(241,239,112)
```
#e9f170
```
#e9f170 rgb(233,241,112)
```

Similar Colors

Text with hexadecimal color #f1d970

This text has a font color of #f1d970.

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

#f1d970 background color

This paragraph has a background color of #f1d970.

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

#f1d970 border color

This element has a border color of #f1d970.

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

CSS codes

.text {color:#f1d970;}

.background {background-color:#f1d970;}

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

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, #120f02 is the darkest color, while #ffffff is the lightest one.

#120f02
```
#120f02 rgb(18,15,2)
```
#241e03
```
#241e03 rgb(36,30,3)
```
#362d05
```
#362d05 rgb(54,45,5)
```
#473b07
```
#473b07 rgb(71,59,7)
```
#594a09
```
#594a09 rgb(89,74,9)
```
#6b590a
```
#6b590a rgb(107,89,10)
```
#7d680c
```
#7d680c rgb(125,104,12)
```
#8f770e
```
#8f770e rgb(143,119,14)
```
#a18610
```
#a18610 rgb(161,134,16)
```
#b39511
```
#b39511 rgb(179,149,17)
```
#c4a313
```
#c4a313 rgb(196,163,19)
```
#d6b215
```
#d6b215 rgb(214,178,21)
```
#e8c117
```
#e8c117 rgb(232,193,23)
```

Shade Color Variation

#eac629
```
#eac629 rgb(234,198,41)
```
#eccb3a
```
#eccb3a rgb(236,203,58)
```
#eed04c
```
#eed04c rgb(238,208,76)
```
#efd45e
```
#efd45e rgb(239,212,94)
```
#f1d970
```
#f1d970 rgb(241,217,112)
```
#f3de82
```
#f3de82 rgb(243,222,130)
```
#f4e294
```
#f4e294 rgb(244,226,148)
```
#f6e7a6
```
#f6e7a6 rgb(246,231,166)
```
#f8ecb7
```
#f8ecb7 rgb(248,236,183)
```
#faf1c9
```
#faf1c9 rgb(250,241,201)
```
#fbf5db
```
#fbf5db rgb(251,245,219)
```
#fdfaed
```
#fdfaed rgb(253,250,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b5b3ac
```
#b5b3ac rgb(181,179,172)
```
#bbb7a6
```
#bbb7a6 rgb(187,183,166)
```
#c1bba0
```
#c1bba0 rgb(193,187,160)
```
#c7be9a
```
#c7be9a rgb(199,190,154)
```
#cdc294
```
#cdc294 rgb(205,194,148)
```
#d3c68e
```
#d3c68e rgb(211,198,142)
```
#d9ca88
```
#d9ca88 rgb(217,202,136)
```
#dfce82
```
#dfce82 rgb(223,206,130)
```
#e5d17c
```
#e5d17c rgb(229,209,124)
```
#ebd576
```
#ebd576 rgb(235,213,118)
```
#f1d970
```
#f1d970 rgb(241,217,112)
```
#f7dd6a
```
#f7dd6a rgb(247,221,106)
```
#fde164
```
#fde164 rgb(253,225,100)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#dad5c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0db77 Protanopia 1% of men
#ffd49c Deuteranopia 1% of men
#fccfdd Tritanopia 0.001% of the population

Trichromacy

#f0da74 Protanomaly 1% of men, 0.01% of women
#f9d58c Deuteranomaly 6% of men, 0.4% of women
#f8d2b5 Tritanomaly 0.01% of the population

#f1d970 hex color

#f1d970 Color Information

#f1d970 Color Conversion

Color Schemes with #f1d970

Alternatives to #f1d970

#f1d970 Preview

Shades and Tints of #f1d970

Tones of #f1d970

Color Blindness Simulator