Coloried

Dairy Cream

Dairy Cream color is a vibrant shade of yellowish white. Its hex code is #F9E4BC and rgb code is rgb(249, 228, 188), Its CMYK value is cmyk(0%, 8%, 24%, 2%), and Its HSL value is hsl(39, 84%, 86%). Against white, it has a contrast ratio of 1.25:1, while against black, the contrast ratio is 16.85:1. Complementary color is #BDD2F9 and closest tailwind color is amber-100. This color goes well with #D1ED31, #ED4D31, #C08311, #5FDBF1, and #755FF1. To create this Dairy Cream color, you can mix #FFFFFF and #F3C979.

Dairy Cream color code
|
1. Color Conversions
HEX#F9E4BC
RGB249, 228, 188
HSL39°, 84%, 86%
HSV39°, 84%, 98%
CMYK0%, 8%, 24%, 2%
Web Safe#FFCCCC
2. Contrast Ratio
Text on #FFFFFF1.25:1
Fail LargeFail Normal
Text on #00000016.85:1
AAA LargeAAA Normal
3. Dairy Cream Color Code in CSS
HEX
#F9E4BC
RGB
rgb(249, 228, 188)
HSL
hsl(39, 84%, 86%)
Text Color
color: #F9E4BC;
Background
background-color: #F9E4BC;
Border Color
border-color: #F9E4BC;
Box Shadow
box-shadow: 0 4px 14px 0 #F9E4BC80;
SCSS
$color-dairy-cream: #F9E4BC;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#F0F0C6
Deuteranopia#F1F3C8
Tritanopia#F8CDCF
Achromatopsia#E6E6E6
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive