#f6d970 hex color

In a RGB color space, hex #f6d970 is composed of 96.5% red, 85.1% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 54.5% yellow and 3.5% black. It has a hue angle of 47 degrees, a saturation of 88.2% and a lightness of 70.2%. #f6d970 color hex could be obtained by blending #ffffe0 with #edb300. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 96
- G 85
- B 44
RGB color chart
- C 0
- M 12
- Y 54
- K 4
CMYK color chart

● #f6d970 color description : Soft yellow.

The hexadecimal color #f6d970 has RGB values of R:246, G:217, B:112 and CMYK values of C:0, M:0.12, Y:0.54, K:0.04. Its decimal value is 16177520.

Hex triplet	f6d970	`#f6d970`
RGB Decimal	246, 217, 112	`rgb(246,217,112)`
RGB Percent	96.5, 85.1, 43.9	`rgb(96.5%,85.1%,43.9%)`
CMYK	0, 12, 54, 4
HSL	47°, 88.2, 70.2	`hsl(47,88.2%,70.2%)`
HSV (or HSB)	47°, 54.5, 96.5
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	87.188, -2.586, 54.708
XYZ	65.744, 70.39, 25.452
xyY	0.407, 0.436, 70.39
CIE-LCH	87.188, 54.769, 92.706
CIE-LUV	87.188, 24.573, 68.565
Hunter-Lab	83.899, -6.95, 40.743
Binary	11110110, 11011001, 01110000

#f6d970
```
#f6d970 rgb(246,217,112)
```
#708df6
```
#708df6 rgb(112,141,246)
```

Complementary Color

#f69670
```
#f69670 rgb(246,150,112)
```
#f6d970
```
#f6d970 rgb(246,217,112)
```
#d0f670
```
#d0f670 rgb(208,246,112)
```

Analogous Color

#9670f6
```
#9670f6 rgb(150,112,246)
```
#f6d970
```
#f6d970 rgb(246,217,112)
```
#70d0f6
```
#70d0f6 rgb(112,208,246)
```

Split Complementary Color

#d970f6
```
#d970f6 rgb(217,112,246)
```
#f6d970
```
#f6d970 rgb(246,217,112)
```
#70f6d9
```
#70f6d9 rgb(112,246,217)
```

Triadic Color

#f6708d
```
#f6708d rgb(246,112,141)
```
#f6d970
```
#f6d970 rgb(246,217,112)
```
#70f6d9
```
#70f6d9 rgb(112,246,217)
```
#708df6
```
#708df6 rgb(112,141,246)
```

Tetradic Color

#f1c628
```
#f1c628 rgb(241,198,40)
```
#f3cc40
```
#f3cc40 rgb(243,204,64)
```
#f4d358
```
#f4d358 rgb(244,211,88)
```
#f6d970
```
#f6d970 rgb(246,217,112)
```
#f8df88
```
#f8df88 rgb(248,223,136)
```
#f9e6a0
```
#f9e6a0 rgb(249,230,160)
```
#fbecb8
```
#fbecb8 rgb(251,236,184)
```

Monochromatic Color

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

#f6b870
```
#f6b870 rgb(246,184,112)
```
#f6c370
```
#f6c370 rgb(246,195,112)
```
#f6ce70
```
#f6ce70 rgb(246,206,112)
```
#f6d970
```
#f6d970 rgb(246,217,112)
```
#f6e470
```
#f6e470 rgb(246,228,112)
```
#f6ef70
```
#f6ef70 rgb(246,239,112)
```
#f2f670
```
#f2f670 rgb(242,246,112)
```

Similar Colors

Text with hexadecimal color #f6d970

This text has a font color of #f6d970.

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

#f6d970 background color

This paragraph has a background color of #f6d970.

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

#f6d970 border color

This element has a border color of #f6d970.

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

CSS codes

.text {color:#f6d970;}

.background {background-color:#f6d970;}

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

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

#050400
```
#050400 rgb(5,4,0)
```
#171201
```
#171201 rgb(23,18,1)
```
#2a2103
```
#2a2103 rgb(42,33,3)
```
#3c3004
```
#3c3004 rgb(60,48,4)
```
#4e3f05
```
#4e3f05 rgb(78,63,5)
```
#614d06
```
#614d06 rgb(97,77,6)
```
#735c07
```
#735c07 rgb(115,92,7)
```
#866b08
```
#866b08 rgb(134,107,8)
```
#98790a
```
#98790a rgb(152,121,10)
```
#ab880b
```
#ab880b rgb(171,136,11)
```
#bd970c
```
#bd970c rgb(189,151,12)
```
#d0a60d
```
#d0a60d rgb(208,166,13)
```
#e2b40e
```
#e2b40e rgb(226,180,14)
```

Shade Color Variation

#f0c014
```
#f0c014 rgb(240,192,20)
```
#f1c526
```
#f1c526 rgb(241,197,38)
```
#f3ca39
```
#f3ca39 rgb(243,202,57)
```
#f4cf4b
```
#f4cf4b rgb(244,207,75)
```
#f5d45e
```
#f5d45e rgb(245,212,94)
```
#f6d970
```
#f6d970 rgb(246,217,112)
```
#f7de82
```
#f7de82 rgb(247,222,130)
```
#f8e395
```
#f8e395 rgb(248,227,149)
```
#f9e8a7
```
#f9e8a7 rgb(249,232,167)
```
#fbedba
```
#fbedba rgb(251,237,186)
```
#fcf2cc
```
#fcf2cc rgb(252,242,204)
```
#fdf6df
```
#fdf6df rgb(253,246,223)
```
#fefbf1
```
#fefbf1 rgb(254,251,241)
```

Tint Color Variation

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

#b6b5b0
```
#b6b5b0 rgb(182,181,176)
```
#bcb8aa
```
#bcb8aa rgb(188,184,170)
```
#c1bba5
```
#c1bba5 rgb(193,187,165)
```
#c7be9f
```
#c7be9f rgb(199,190,159)
```
#cdc299
```
#cdc299 rgb(205,194,153)
```
#d3c593
```
#d3c593 rgb(211,197,147)
```
#d9c88d
```
#d9c88d rgb(217,200,141)
```
#dfcc87
```
#dfcc87 rgb(223,204,135)
```
#e4cf82
```
#e4cf82 rgb(228,207,130)
```
#ead27c
```
#ead27c rgb(234,210,124)
```
#f0d676
```
#f0d676 rgb(240,214,118)
```
#f6d970
```
#f6d970 rgb(246,217,112)
```
#fcdc6a
```
#fcdc6a rgb(252,220,106)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#dcd7c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2dc77 Protanopia 1% of men
#ffd5a0 Deuteranopia 1% of men
#ffd0dd Tritanopia 0.001% of the population

Trichromacy

#f3db75 Protanomaly 1% of men, 0.01% of women
#fbd68e Deuteranomaly 6% of men, 0.4% of women
#fbd3b5 Tritanomaly 0.01% of the population

#f6d970 hex color

#f6d970 Color Information

#f6d970 Color Conversion

Color Schemes with #f6d970

Alternatives to #f6d970

#f6d970 Preview

Shades and Tints of #f6d970

Tones of #f6d970

Color Blindness Simulator