Benannte Farbe · #EDEBCE
Floating Lily
Floating Lily ist #EDEBCE: rgb(237 235 206), hsl(56 46% 87%), oklch(0.934 0.038 103.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Floating Lily color name →
#EDEBCE
oklch(0.934 0.038 103.9)
Farbumrechnungen
- HEX
- #edebce
- RGB
- rgb(237 235 206)
- HSL
- hsl(56 46% 87%)
- HWB
- hwb(56 81% 7%)
- OKLCH
- oklch(0.934 0.038 103.9)
- OKLab
- oklab(0.934 -0.009 0.037)
- CIE Lab
- lab(92.64 -2.88 14.39)
- LCH
- lch(92.64 14.68 101.3)
- CMYK
- cmyk(0% 1% 13% 7%)
Tints · Shades · Tones
Tints
- EFEDD3
- F1EFD8
- F2F1DD
- F4F3E2
- F6F5E7
- F8F7EB
- FAF9F0
- FBFBF5
- FDFDFA
Shades
- CECCB3
- B0AE98
- 93917F
- 777566
- 5C5B4E
- 424138
- 2A2923
- 14130F
- 030302
Tones
- E2E0C6
- D6D5BE
- CBCAB6
- C0BFAE
- B5B4A6
- AAA99F
- 9F9F97
- 95948F
- 8A8A88
Farbharmonien
Komplementär +180°
- EDEBCE
Floating Lily
- E6E7FF
≈ Cyber Lavender
Analog -30° +30°
- EDEBCE
Floating Lily
- F9E6CE
≈ Favoured One
- DFEFD6
≈ Spring Wheat
Triadisch +120° +240°
- EDEBCE
Floating Lily
- CFEFFC
≈ Blue Hijab
- FDE0F0
≈ Pale Blossom
Geteilt komplementär +150° +210°
- EDEBCE
Floating Lily
- DBEBFF
≈ Hoarfrost
- F3E2FC
≈ Minute Mauve
Tetradisch +90° +180° +270°
- EDEBCE
Floating Lily
- CDF2F1
≈ Icy Wind
- E6E7FF
≈ Cyber Lavender
- FFE1E2
≈ Red Remains
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.20:1 · APCA Lc 10
Ag
AAAAuf Schwarz
WCAG 17.37:1 · APCA Lc 94
Beste Textfarbe: #000000
WCAG 17.37:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--floating-lily: #edebce;
--floating-lily-rgb: 237 235 206;
--floating-lily-oklch: oklch(0.934 0.038 103.9);
}
.element {
color: var(--floating-lily);
background-color: hsl(56 46% 87%);
border-color: oklch(0.934 0.038 103.9);
}Tailwind CSS v4
@theme {
--color-floating-lily: #edebce;
--color-floating-lily-50: #f6f6ea;
--color-floating-lily-100: #e9e9db;
--color-floating-lily-200: #d6d6c3;
--color-floating-lily-300: #bab9a3;
--color-floating-lily-400: #a2a086;
--color-floating-lily-500: #8a886b;
--color-floating-lily-600: #75735a;
--color-floating-lily-700: #5d5c48;
--color-floating-lily-800: #454334;
--color-floating-lily-900: #302e23;
--color-floating-lily-950: #1c1b12;
}SCSS
$floating-lily: #edebce;
$floating-lily-rgb: 237, 235, 206;
$floating-lily-light: mix(#fff, $floating-lily, 20%);
$floating-lily-dark: mix(#000, $floating-lily, 20%);
.element {
color: $floating-lily;
box-shadow: 0 0 0 2px rgba($floating-lily, 0.35);
}