Benannte Farbe · #F0F6DD
Lemon Sugar
Lemon Sugar ist #F0F6DD: rgb(240 246 221), hsl(74 58% 92%), oklch(0.962 0.033 118). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Lemon Sugar color name →
#F0F6DD
oklch(0.962 0.033 118)
Farbumrechnungen
- HEX
- #f0f6dd
- RGB
- rgb(240 246 221)
- HSL
- hsl(74 58% 92%)
- HWB
- hwb(74 87% 4%)
- OKLCH
- oklch(0.962 0.033 118)
- OKLab
- oklab(0.962 -0.016 0.03)
- CIE Lab
- lab(95.93 -5.24 11.36)
- LCH
- lch(95.93 12.51 114.8)
- CMYK
- cmyk(2% 0% 10% 4%)
Tints · Shades · Tones
Tints
- F1F7E0
- F3F8E4
- F4F9E7
- F6FAEB
- F7FBEE
- F9FBF1
- FAFCF5
- FCFDF8
- FDFEFC
Shades
- D1D6C0
- B2B7A4
- 959888
- 787B6E
- 5D5F55
- 43453D
- 2A2C26
- 141511
- 030302
Tones
- E4EAD3
- D9DDCA
- CDD1C0
- C2C5B7
- B6B9AD
- ABAEA4
- A0A29B
- 959692
- 8B8B89
Farbharmonien
Komplementär +180°
- F0F6DD
Lemon Sugar
- F4F0FF
≈ Cloud Break
Analog -30° +30°
- F0F6DD
Lemon Sugar
- FCF2DA
≈ Barley Groats
- E4F9E6
≈ Toxic Latte
Triadisch +120° +240°
- F0F6DD
Lemon Sugar
- E6F5FF
≈ Kodama White
- FFEDF2
≈ Sugar Coated
Geteilt komplementär +150° +210°
- F0F6DD
Lemon Sugar
- EDF2FF
≈ Placebo Blue
- FFEBFE
≈ Fairy Bubblegum Cloud
Tetradisch +90° +180° +270°
- F0F6DD
Lemon Sugar
- DAF9FE
≈ Glacial Day
- F4F0FF
≈ Cloud Break
- FFEEEB
≈ Voracious White
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.10:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.93:1 · APCA Lc 100
Beste Textfarbe: #000000
WCAG 18.93:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--lemon-sugar: #f0f6dd;
--lemon-sugar-rgb: 240 246 221;
--lemon-sugar-oklch: oklch(0.962 0.033 118);
}
.element {
color: var(--lemon-sugar);
background-color: hsl(74 58% 92%);
border-color: oklch(0.962 0.033 118);
}Tailwind CSS v4
@theme {
--color-lemon-sugar: #f0f6dd;
--color-lemon-sugar-50: #f4f7ec;
--color-lemon-sugar-100: #e6eadd;
--color-lemon-sugar-200: #d2d7c7;
--color-lemon-sugar-300: #b5baa7;
--color-lemon-sugar-400: #9ca18b;
--color-lemon-sugar-500: #848a71;
--color-lemon-sugar-600: #707460;
--color-lemon-sugar-700: #595d4c;
--color-lemon-sugar-800: #424437;
--color-lemon-sugar-900: #2d2f25;
--color-lemon-sugar-950: #1a1b14;
}SCSS
$lemon-sugar: #f0f6dd;
$lemon-sugar-rgb: 240, 246, 221;
$lemon-sugar-light: mix(#fff, $lemon-sugar, 20%);
$lemon-sugar-dark: mix(#000, $lemon-sugar, 20%);
.element {
color: $lemon-sugar;
box-shadow: 0 0 0 2px rgba($lemon-sugar, 0.35);
}