Skip to content
Preview
No color name
Parsed by engine
Current value
#fdf6ef
Open HEX

Formats

The same color in different formats:

Foreground preview
WCAG contrast checker and foreground picker
Best auto foreground
Best contrast with dark
#0f172a
Auto-selects the strongest contrast against the current background.
Readable text preview
The quick brown fox jumps over the lazy dog.
Button preview
Contrast ratio
16.67
Excellent accessibility
Element AA AAA
Small text Pass Pass
Large text Pass —
UI elements / graphics Pass N/A
AA for normal text is typically 4.5:1, AA for large text 3:1, AAA for normal text 7:1, and non-text UI elements typically 3:1.

Color Conversion

Same color in multiple code formats.

HEX
HTML/CSS
#fdf6ef
RGB
HTML/CSS
rgb(253 246 239)
RGBA
HTML/CSS
rgba(253 246 239 / 1)
HSL
HTML/CSS
hsl(30 77% 96%)
HSLA
HTML/CSS
hsla(30 77% 96% / 1)
CMYK
HTML/CSS
cmyk(0 2.77 5.53 0.78)
LAB
HTML/CSS
lab(97.1786 1.3486 4.2629)
LCH
HTML/CSS
lch(97.1786 4.4711 72.44)
OKLCH
HTML/CSS
oklch(0.9766 0.012 67.69)

Export formats

Ready-to-copy snippets for developers, apps, frameworks, and design systems.

#FDF6EF
Design tokens
Tokens
CSS variable
Tokens
JSON token
Tokens
Tailwind config
Tokens
SCSS variable
Tokens
Web / frontend
Frontend
JavaScript
Frontend
TypeScript
Frontend
Inline style
Frontend
CSS class
Frontend
Mobile / app
Mobile
Android XML
Mobile
SwiftUI
Mobile
Swift UIColor
Mobile
Kotlin
Mobile
Flutter
Mobile
React Native
Mobile
SVG / graphics
Graphics
SVG fill
Graphics
SVG stroke
Graphics

Color Variations

tint / shade
Tint
Lightened version
#fef9f3
Shade
Darkened version
#c0bbb6
Tone
Muted version
#e2dcd7
Monochrome
Single-hue family
#f3c89d