Color con nombre · #EDD1C7
Sugarcane
Sugarcane es #EDD1C7: rgb(237 209 199), hsl(16 51% 85%), oklch(0.881 0.034 40.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Sugarcane color name →
#EDD1C7
oklch(0.881 0.034 40.7)
Conversiones de color
- HEX
- #edd1c7
- RGB
- rgb(237 209 199)
- HSL
- hsl(16 51% 85%)
- HWB
- hwb(16 78% 7%)
- OKLCH
- oklch(0.881 0.034 40.7)
- OKLab
- oklab(0.881 0.026 0.022)
- CIE Lab
- lab(86.01 8.92 8.75)
- LCH
- lch(86.01 12.5 44.4)
- CMYK
- cmyk(0% 12% 16% 7%)
Tintes · Sombras · Tonos
Tintes
- EFD6CD
- F1DAD2
- F3DFD8
- F4E3DD
- F6E8E3
- F8ECE8
- FAF1EE
- FCF6F4
- FDFAF9
Sombras
- CEB5AD
- B09B93
- 93817A
- 776862
- 5C504C
- 423936
- 2A2321
- 14100E
- 030202
Tonos
- E2C9C0
- D6C0B8
- CBB8B1
- C0B0AA
- B5A8A3
- AAA09C
- A09895
- 95908E
- 8A8887
Armonías de color
Complementario +180°
- EDD1C7
Sugarcane
- C0DEE8
≈ Skywalker
Análogo -30° +30°
- EDD1C7
Sugarcane
- EECFD2
≈ Nursery
- E7D5C0
≈ Figurine
Triádico +120° +240°
- EDD1C7
Sugarcane
- C5DFD0
≈ Solitaire
- D3D6EF
≈ Light Powdered Granite
Complementario dividido +150° +210°
- EDD1C7
Sugarcane
- BFE0DD
≈ Sea Breath
- C8DAEE
≈ Arctic Rain
Tetrádico +90° +180° +270°
- EDD1C7
Sugarcane
- D0DDC6
≈ Supreme Green
- C0DEE8
≈ Skywalker
- DFD2E9
≈ Teary Eyed
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.44:1 · APCA Lc 21
Ag
AAASobre negro
WCAG 14.54:1 · APCA Lc 82
Mejor color de texto: #000000
WCAG 14.54:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmentos de código
CSS
:root {
--sugarcane: #edd1c7;
--sugarcane-rgb: 237 209 199;
--sugarcane-oklch: oklch(0.881 0.034 40.7);
}
.element {
color: var(--sugarcane);
background-color: hsl(16 51% 85%);
border-color: oklch(0.881 0.034 40.7);
}Tailwind CSS v4
@theme {
--color-sugarcane: #edd1c7;
--color-sugarcane-50: #fef2ed;
--color-sugarcane-100: #f3e4df;
--color-sugarcane-200: #e2d0c9;
--color-sugarcane-300: #c8b2aa;
--color-sugarcane-400: #b1988f;
--color-sugarcane-500: #9b7f75;
--color-sugarcane-600: #836c63;
--color-sugarcane-700: #69564f;
--color-sugarcane-800: #4d3f3a;
--color-sugarcane-900: #362b28;
--color-sugarcane-950: #211816;
}SCSS
$sugarcane: #edd1c7;
$sugarcane-rgb: 237, 209, 199;
$sugarcane-light: mix(#fff, $sugarcane, 20%);
$sugarcane-dark: mix(#000, $sugarcane, 20%);
.element {
color: $sugarcane;
box-shadow: 0 0 0 2px rgba($sugarcane, 0.35);
}