Jasmine Color
#F8DE7E
Shades
Darker variations of each color in your palette
Base Color
#F8DE7E#F8DE7E
#C6B265
#95854C
#635932
#322C19
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#F8DE7E#F8DE7E
#F9E598
#FBEBB2
#FCF2CB
#FEF8E5
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #F8DE7E |  |
| RGB | 248, 222, 126 | |
| HSL | 47, 90%, 73% | |
| CMYK | 0%, 10%, 49%, 3% | |
| OKLCH | oklch(0.902 0.120 95) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#F8DE7E#F89F7C
#F8DE7E
#D5F87C
Analogous
#F8DE7E
#7C97F8
Complementary
#F8DE7E
#7CF8DD
#DD7CF8
Triadic
#F8DE7E
#7CD5F8
#9F7CF8
Split Complementary
#F8DE7E
#7CF89F
#7C97F8
#F87CD5
Tetradic
#614D05
#AA8709
#F2C10D
#F6D355
#FAE69E
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#F8DE7E#F87C7C
#F8F87C
#7CF87C
#7CF8F8
#7C7CF8
#F87CF8
Hues
Tones
Tones created by adding gray to each color
Base Color
#F8DE7E#F8DE7E
#E0CB7E
#C8B87F
#B0A67F
#989380
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#F8DE7E#F9D778
#FAD073
#FBC96D
Warmer
#EDD791
#E2D0A5
#D7C9B8
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#F8DE7EOn White Background
Sample Text
Contrast Ratio:1.33:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:15.74:1
WCAG Level:AAA
PASS
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)