Couleur nommée · #EDEBCE
Floating Lily
Floating Lily correspond à #EDEBCE : rgb(237 235 206), hsl(56 46% 87%), oklch(0.934 0.038 103.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Floating Lily color name →
#EDEBCE
oklch(0.934 0.038 103.9)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- EFEDD3
- F1EFD8
- F2F1DD
- F4F3E2
- F6F5E7
- F8F7EB
- FAF9F0
- FBFBF5
- FDFDFA
Ombres
- CECCB3
- B0AE98
- 93917F
- 777566
- 5C5B4E
- 424138
- 2A2923
- 14130F
- 030302
Tons
- E2E0C6
- D6D5BE
- CBCAB6
- C0BFAE
- B5B4A6
- AAA99F
- 9F9F97
- 95948F
- 8A8A88
Harmonies de couleurs
Complémentaire +180°
- EDEBCE
Floating Lily
- E6E7FF
≈ Cyber Lavender
Analogue -30° +30°
- EDEBCE
Floating Lily
- F9E6CE
≈ Favoured One
- DFEFD6
≈ Spring Wheat
Triadique +120° +240°
- EDEBCE
Floating Lily
- CFEFFC
≈ Blue Hijab
- FDE0F0
≈ Pale Blossom
Complémentaire divisée +150° +210°
- EDEBCE
Floating Lily
- DBEBFF
≈ Hoarfrost
- F3E2FC
≈ Minute Mauve
Tétradique +90° +180° +270°
- EDEBCE
Floating Lily
- CDF2F1
≈ Icy Wind
- E6E7FF
≈ Cyber Lavender
- FFE1E2
≈ Red Remains
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.20:1 · APCA Lc 10
Ag
AAASur noir
WCAG 17.37:1 · APCA Lc 94
Meilleure couleur de texte: #000000
WCAG 17.37:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
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);
}