Beige Color
#F5F5DC
Shades
Darker variations of each color in your palette
Base Color
#F5F5DC#F5F5DC
#C4C4B0
#939384
#626258
#31312C
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#F5F5DC#F5F5DC
#F7F7E3
#F9F9EA
#FBFBF1
#FDFDF8
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #F5F5DC |  |
| RGB | 245, 245, 220 | |
| HSL | 60, 56%, 91% | |
| CMYK | 0%, 0%, 10%, 4% | |
| OKLCH | oklch(0.964 0.033 107) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#F5F5DC#F5E8DB
#F5F5DC
#E8F5DB
Analogous
#F5F5DC
#DBDBF5
Complementary
#F5F5DC
#DBF5F5
#F5DBF5
Triadic
#F5F5DC
#DBE8F5
#E8DBF5
Split Complementary
#F5F5DC
#DBF5E8
#DBDBF5
#F5DBE8
Tetradic
#505016
#8B8B27
#C7C738
#D8D874
#E9E9AF
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#F5F5DC#F5DBDB
#F5F5DB
#DBF5DB
#DBF5F5
#DBDBF5
#F5DBF5
Hues
Tones
Tones created by adding gray to each color
Base Color
#F5F5DC#F5F5DC
#DEDECA
#C6C6B7
#AFAFA5
#979792
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#F5F5DC#F7ECD2
#F8E3C8
#FADBBE
Warmer
#EAECE1
#DFE3E7
#D4DBEC
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#F5F5DCOn White Background
Sample Text
Contrast Ratio:1.11:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:18.98: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)