breadcrumb
Saffron Mango
| How Saffron Mango is Used | 
| communicate fundraw attentionexpress freedomsimulate | 
| Industries that Commonly Use Saffron Mango | 
| artentertainmentfoodsportstransportation | 
Color Code Details
| HEX | #fabe58 | |
| RGB | (250, 190, 88); | |
| RGBA | (250, 190, 88, 1) | |
| HSL | (38, 94%, 66%); | |
| HSLA | (38, 94%, 66%, 1); | 
| HSV | 37,64,98 | |
| HSB | 38, 65, 98 | |
| HWB | 37 35% 2% | |
| CMYK | 0, 24, 65, 2 | |
| Pantone | 7406 C | 
Preview & Codes Examples
| Text Color with Saffron Mango | |
| This Text has a Font Color of #fabe58 | |
| 
										
											.text {color:#fabe58;}										
									 | |
| 
										
										.text {color:rgba(250, 190, 88, 1);}										
									 | |
| 
										
										.text {color:hsl(309, 100%, 3%);}										
									 | 
| Background Color Using Saffron Mango | |
| This element has a background color of #fabe58 | |
| 
										
											.element {background-color:#fabe58;}										
									 | |
| 
										
										.element {background-color:rgba(250, 190, 88, 1);}										
									 | |
| 
										
										.element {background-color:hsl(309, 100%, 3%);}										
									 | 
| Border Styling with Saffron Mango | |
| This element has a border color of #fabe58 | |
| 
										
											.element {border:1px solid #fabe58;}										
									 | |
| 
										
										.element {border:1px solid rgba(250, 190, 88, 1);}										
									 | |
| 
										
										.element {border:1px solid hsl(309, 100%, 3%);}										
									 | 
Preview & Variables
| CSS Variables | |
| 
										
											--variable: #fabe58;										
									 | 
| Sass / SCSS | |
| 
										
										$variable: #fabe58;										
									 | 
| Less | |
| 
										
											@variable: #fabe58;										
									 | 
Similar Orange Shades You Might Like
Orange hues express energy, warmth, and friendliness. Perfect for CTAs, food brands, and playful apps. Find more energetic orange tones for your UI palette.