Mimosa

#F2B949
RGB
242, 185, 73
HSL
40°, 87%, 62%
CMYK
0, 24, 70, 5
HSV
40°, 70%, 95%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #F2B949 color: #F2B949;
RGB 242, 185, 73 color: rgb(242, 185, 73);
RGB Percentage 95%, 73%, 29% color: rgb(95%, 73%, 29%);
CMYK 0%, 24%, 70%, 5% Not supported in CSS
HSL 40°, 87%, 62% color: hsl(40, 87%, 62%);
HSV 40°, 70%, 95% Not supported in CSS
CIE-LAB 50, 11, 37 color: lab(50% 11 37);
Decimal 15907145 Not supported in CSS

Color Variations

Shades

#F2BA4A
#F0AF2C
#EDA310
#CF8F0E
#B17A0C
#94660A
#765208
#593D06

Tints

#FBEAC9
#FAE3B7
#F9DDA4
#F7D692
#F6CF80
#F5C86E
#F4C15C
#F2BA4A

Tones

#F2BA4A
#EAB752
#E2B55B
#D9B263
#D1AF6C
#C8AC74
#C0A97C
#B7A785

Hues

#F2BA4A
#ACF24A
#4AF266
#4AF2E4
#4A82F2
#904AF2
#F24AD6
#F24A58

Color Harmonies

Analogous

#F2664A
Click to copy
#F2B949
Click to copy
#D6F24A
Click to copy
96%

Complementary

#F2B949
Click to copy
#4A82F2
Click to copy

Split Complementary

#F2B949
Click to copy
#4AD6F2
Click to copy
#664AF2
Click to copy

Triadic

#F2B949
Click to copy
#4AF2BA
Click to copy
#BA4AF2
Click to copy

Tetradic

#F2B949
Click to copy
#4AF266
Click to copy
#4A82F2
Click to copy
#F24AD6
Click to copy

Square

#F2B949
Click to copy
#4AF266
Click to copy
#4A82F2
Click to copy
#F24AD6
Click to copy

CSS & Dev Snippets

CSS
.mimosa {
  color: #F2B949;
}
SCSS
$mimosa: #F2B949;
RGB
rgb(242, 185, 73)

Accessibility & Contrast

White background

1.78:1
1.78
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

11.81:1
11.81
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags