#f2d630 hex color

In a RGB color space, hex #f2d630 is composed of 94.9% red, 83.9% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.6% magenta, 80.2% yellow and 5.1% black. It has a hue angle of 51.3 degrees, a saturation of 88.2% and a lightness of 56.9%. #f2d630 color hex could be obtained by blending #ffff60 with #e5ad00. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 95
- G 84
- B 19
RGB color chart
- C 0
- M 12
- Y 80
- K 5
CMYK color chart

● #f2d630 color description : Bright yellow.

The hexadecimal color #f2d630 has RGB values of R:242, G:214, B:48 and CMYK values of C:0, M:0.12, Y:0.8, K:0.05. Its decimal value is 15914544.

Hex triplet	f2d630	`#f2d630`
RGB Decimal	242, 214, 48	`rgb(242,214,48)`
RGB Percent	94.9, 83.9, 18.8	`rgb(94.9%,83.9%,18.8%)`
CMYK	0, 12, 80, 5
HSL	51.3°, 88.2, 56.9	`hsl(51.3,88.2%,56.9%)`
HSV (or HSB)	51.3°, 80.2, 94.9
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.598, -6.166, 77.86
XYZ	61.199, 67.186, 12.541
xyY	0.434, 0.477, 67.186
CIE-LCH	85.598, 78.103, 94.528
CIE-LUV	85.598, 26.007, 86.889
Hunter-Lab	81.967, -10.17, 48.306
Binary	11110010, 11010110, 00110000

#f2d630
```
#f2d630 rgb(242,214,48)
```
#304cf2
```
#304cf2 rgb(48,76,242)
```

Complementary Color

#f27530
```
#f27530 rgb(242,117,48)
```
#f2d630
```
#f2d630 rgb(242,214,48)
```
#adf230
```
#adf230 rgb(173,242,48)
```

Analogous Color

#7530f2
```
#7530f2 rgb(117,48,242)
```
#f2d630
```
#f2d630 rgb(242,214,48)
```
#30adf2
```
#30adf2 rgb(48,173,242)
```

Split Complementary Color

#d630f2
```
#d630f2 rgb(214,48,242)
```
#f2d630
```
#f2d630 rgb(242,214,48)
```
#30f2d6
```
#30f2d6 rgb(48,242,214)
```

Triadic Color

#f2304c
```
#f2304c rgb(242,48,76)
```
#f2d630
```
#f2d630 rgb(242,214,48)
```
#30f2d6
```
#30f2d6 rgb(48,242,214)
```
#304cf2
```
#304cf2 rgb(48,76,242)
```

Tetradic Color

#c9ae0d
```
#c9ae0d rgb(201,174,13)
```
#e1c20e
```
#e1c20e rgb(225,194,14)
```
#f0d118
```
#f0d118 rgb(240,209,24)
```
#f2d630
```
#f2d630 rgb(242,214,48)
```
#f4db48
```
#f4db48 rgb(244,219,72)
```
#f5e060
```
#f5e060 rgb(245,224,96)
```
#f7e478
```
#f7e478 rgb(247,228,120)
```

Monochromatic Color

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

#f2a630
```
#f2a630 rgb(242,166,48)
```
#f2b630
```
#f2b630 rgb(242,182,48)
```
#f2c630
```
#f2c630 rgb(242,198,48)
```
#f2d630
```
#f2d630 rgb(242,214,48)
```
#f2e630
```
#f2e630 rgb(242,230,48)
```
#eef230
```
#eef230 rgb(238,242,48)
```
#def230
```
#def230 rgb(222,242,48)
```

Similar Colors

Text with hexadecimal color #f2d630

This text has a font color of #f2d630.

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

#f2d630 background color

This paragraph has a background color of #f2d630.

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

#f2d630 border color

This element has a border color of #f2d630.

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

CSS codes

.text {color:#f2d630;}

.background {background-color:#f2d630;}

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

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

#0e0d01
```
#0e0d01 rgb(14,13,1)
```
#211c02
```
#211c02 rgb(33,28,2)
```
#332c03
```
#332c03 rgb(51,44,3)
```
#463c04
```
#463c04 rgb(70,60,4)
```
#584c06
```
#584c06 rgb(88,76,6)
```
#6b5c07
```
#6b5c07 rgb(107,92,7)
```
#7d6c08
```
#7d6c08 rgb(125,108,8)
```
#907c09
```
#907c09 rgb(144,124,9)
```
#a28c0a
```
#a28c0a rgb(162,140,10)
```
#b59c0b
```
#b59c0b rgb(181,156,11)
```
#c7ac0d
```
#c7ac0d rgb(199,172,13)
```
#d9bc0e
```
#d9bc0e rgb(217,188,14)
```
#eccc0f
```
#eccc0f rgb(236,204,15)
```

Shade Color Variation

#f1d21e
```
#f1d21e rgb(241,210,30)
```
#f2d630
```
#f2d630 rgb(242,214,48)
```
#f3da42
```
#f3da42 rgb(243,218,66)
```
#f4dd55
```
#f4dd55 rgb(244,221,85)
```
#f5e167
```
#f5e167 rgb(245,225,103)
```
#f7e57a
```
#f7e57a rgb(247,229,122)
```
#f8e88c
```
#f8e88c rgb(248,232,140)
```
#f9ec9f
```
#f9ec9f rgb(249,236,159)
```
#faf0b1
```
#faf0b1 rgb(250,240,177)
```
#fbf3c4
```
#fbf3c4 rgb(251,243,196)
```
#fcf7d6
```
#fcf7d6 rgb(252,247,214)
```
#fefbe9
```
#fefbe9 rgb(254,251,233)
```
#fffefb
```
#fffefb rgb(255,254,251)
```

Tint Color Variation

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

#95948d
```
#95948d rgb(149,148,141)
```
#9d9a85
```
#9d9a85 rgb(157,154,133)
```
#a6a07c
```
#a6a07c rgb(166,160,124)
```
#aea674
```
#aea674 rgb(174,166,116)
```
#b7ac6b
```
#b7ac6b rgb(183,172,107)
```
#bfb263
```
#bfb263 rgb(191,178,99)
```
#c8b85a
```
#c8b85a rgb(200,184,90)
```
#d0be52
```
#d0be52 rgb(208,190,82)
```
#d9c449
```
#d9c449 rgb(217,196,73)
```
#e1ca41
```
#e1ca41 rgb(225,202,65)
```
#ead038
```
#ead038 rgb(234,208,56)
```
#f2d630
```
#f2d630 rgb(242,214,48)
```
#fadc28
```
#fadc28 rgb(250,220,40)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#d3cdac Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d83a Protanopia 1% of men
#ffd088 Deuteranopia 1% of men
#ffcad8 Tritanopia 0.001% of the population

Trichromacy

#f1d736 Protanomaly 1% of men, 0.01% of women
#fad268 Deuteranomaly 6% of men, 0.4% of women
#face9b Tritanomaly 0.01% of the population

#f2d630 hex color

#f2d630 Color Information

#f2d630 Color Conversion

Color Schemes with #f2d630

Alternatives to #f2d630

#f2d630 Preview

Shades and Tints of #f2d630

Tones of #f2d630

Color Blindness Simulator