Coloried

Mandarin

Mandarin color is a bold shade of orange. Its hex code is #F37A48 and rgb code is rgb(243, 122, 72), Its CMYK value is cmyk(0%, 50%, 70%, 5%), and Its HSL value is hsl(18, 88%, 62%). Against white, its contrast ratio of 2.73:1, while against black, the contrast ratio is 7.69:1. Its complementary color is #49C0F3 and closest tailwind color is orange-400. This color goes well with #997D0A, #990A27, #511C05, #0DC9A4, and #0D33C9. To recreate the Mandarin color, you can mix #FF0000 and #E7F490.

Mandarin color code
|
1. Color Conversions
HEX#F37A48
RGB243, 122, 72
HSL18°, 88%, 62%
HSV18°, 88%, 95%
CMYK0%, 50%, 70%, 5%
Web Safe#FF6633
2. Contrast Ratio
Text on #FFFFFF2.73:1
Fail LargeFail Normal
Text on #0000007.69:1
AAA LargeAAA Normal
3. Mandarin Color Code in CSS
HEX
#F37A48
RGB
rgb(243, 122, 72)
HSL
hsl(18, 88%, 62%)
Text Color
color: #F37A48;
Background
background-color: #F37A48;
Border Color
border-color: #F37A48;
Box Shadow
box-shadow: 0 4px 14px 0 #F37A4880;
SCSS
$color-mandarin: #F37A48;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#BFBE54
Deuteranopia#C6CF57
Tritanopia#ED5E60
Achromatopsia#989898
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive