Coloried

Primrose

Primrose color is a clear shade of light yellow. Its hex code is #EDEA99 and rgb code is rgb(237, 234, 153), Its CMYK value is cmyk(0%, 1%, 35%, 7%), and Its HSL value is hsl(58, 70%, 76%). Against white, it has a contrast ratio of 1.25:1, while against black, the contrast ratio is 16.83:1. Its complementary color is #979AED and closest tailwind color is amber-200. This color goes well with #7BC723, #C77023, #868318, #4094DD, and #8A40DD. To recreate the Primrose color, you can mix #FFFFFF and #DBD533.

Primrose color code
|
1. Color Conversions
HEX#EDEA99
RGB237, 234, 153
HSL58°, 70%, 76%
HSV58°, 70%, 93%
CMYK0%, 1%, 35%, 7%
Web Safe#FFFF99
2. Contrast Ratio
Text on #FFFFFF1.25:1
Fail LargeFail Normal
Text on #00000016.83:1
AAA LargeAAA Normal
3. Primrose Color Code in CSS
HEX
#EDEA99
RGB
rgb(237, 234, 153)
HSL
hsl(58, 70%, 76%)
Text Color
color: #EDEA99;
Background
background-color: #EDEA99;
Border Color
border-color: #EDEA99;
Box Shadow
box-shadow: 0 4px 14px 0 #EDEA9980;
SCSS
$color-primrose: #EDEA99;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#ECECAD
Deuteranopia#ECECB1
Tritanopia#EDBCBF
Achromatopsia#E2E2E2
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive