Coloried

Mango

Mango color is a bright shade of orange. Its hex code is #FFBF34 and rgb code is rgb(255, 191, 52), Its CMYK value is cmyk(0%, 25%, 80%, 0%), and Its HSL value is hsl(41, 100%, 60%). Against white, its contrast ratio of 1.65:1, while against black, the contrast ratio is 12.75:1. Its complementary color is #3374FF and closest tailwind color is amber-400. This color goes well with #7D9900, #991C00, #4D3400, #00A7CC, and #2500CC. To recreate the Mango color, you can mix #FFFF00 and #FF7F68.

Mango color code
|
1. Color Conversions
HEX#FFBF34
RGB255, 191, 52
HSL41°, 100%, 60%
HSV41°, 100%, 100%
CMYK0%, 25%, 80%, 0%
Web Safe#FFCC33
2. Contrast Ratio
Text on #FFFFFF1.65:1
Fail LargeFail Normal
Text on #00000012.75:1
AAA LargeAAA Normal
3. Mango Color Code in CSS
HEX
#FFBF34
RGB
rgb(255, 191, 52)
HSL
hsl(41, 100%, 60%)
Text Color
color: #FFBF34;
Background
background-color: #FFBF34;
Border Color
border-color: #FFBF34;
Box Shadow
box-shadow: 0 4px 14px 0 #FFBF3480;
SCSS
$color-mango: #FFBF34;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#E3E356
Deuteranopia#E7EC5E
Tritanopia#FC7076
Achromatopsia#C2C2C2
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive