Coloried

Buff

Buff color is a rich shade of light yellow. Its hex code is #F0DC82 and rgb code is rgb(240, 220, 130), Its CMYK value is cmyk(0%, 8%, 46%, 6%), and Its HSL value is hsl(49, 79%, 73%). Against white, it has a contrast ratio of 1.38:1, while against black, the contrast ratio is 15.26:1. Complementary color is #8498F1 and closest tailwind color is amber-200. This color goes well with #8DC417, #C44E17, #806B0F, #28AAE6, and #6428E6. To recreate the Buff color, you can mix #FFFFFF and #E1B905.

Buff color code
|
1. Color Conversions
HEX#F0DC82
RGB240, 220, 130
HSL49°, 79%, 73%
HSV49°, 79%, 94%
CMYK0%, 8%, 46%, 6%
Web Safe#FFCC99
2. Contrast Ratio
Text on #FFFFFF1.38:1
Fail LargeFail Normal
Text on #00000015.26:1
AAA LargeAAA Normal
3. Buff Color Code in CSS
HEX
#F0DC82
RGB
rgb(240, 220, 130)
HSL
hsl(49, 79%, 73%)
Text Color
color: #F0DC82;
Background
background-color: #F0DC82;
Border Color
border-color: #F0DC82;
Box Shadow
box-shadow: 0 4px 14px 0 #F0DC8280;
SCSS
$color-buff: #F0DC82;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#E7E798
Deuteranopia#E9EA9D
Tritanopia#EFA9AD
Achromatopsia#D8D8D8
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive