Colore con nome · #E3B982
Cane Sugar
Cane Sugar è #E3B982: rgb(227 185 130), hsl(34 63% 70%), oklch(0.81 0.086 73.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Cane Sugar color name →
#E3B982
oklch(0.81 0.086 73.6)
Conversioni di colore
- HEX
- #e3b982
- RGB
- rgb(227 185 130)
- HSL
- hsl(34 63% 70%)
- HWB
- hwb(34 51% 11%)
- OKLCH
- oklch(0.81 0.086 73.6)
- OKLab
- oklab(0.81 0.024 0.083)
- CIE Lab
- lab(78.01 10.4 33.9)
- LCH
- lch(78.01 35.46 73)
- CMYK
- cmyk(0% 19% 43% 11%)
Tinte · Ombre · Toni
Tinte
- E6C08F
- E9C79C
- ECCEA8
- EFD5B5
- F2DCC1
- F4E3CD
- F7EADA
- FAF1E6
- FCF8F3
Ombre
- C5A070
- A8895F
- 8C714E
- 715B3E
- 57462F
- 3F3120
- 271E12
- 120D06
- 030201
Toni
- D9B382
- CFAE83
- C5A883
- BBA283
- B19C83
- A79783
- 9D9182
- 938B82
- 8A8681
Armonie di colore
Complementare +180°
- E3B982
Cane Sugar
- 9AC5F8
≈ Sail to the Sea
Analogo -30° +30°
- E3B982
Cane Sugar
- F1AF94
≈ Apricot Preserves
- CAC482
≈ Tyrant Skull
Triadico +120° +240°
- E3B982
Cane Sugar
- 7AD3D1
≈ Belize
- D5B1E9
≈ Whisper of Plum
Complementare divisa +150° +210°
- E3B982
Cane Sugar
- 80CEEA
≈ Sky of Ocean
- B9BAF8
≈ Purple Illusion
Tetradico +90° +180° +270°
- E3B982
Cane Sugar
- 8CD3B2
≈ Tropical Trail
- 9AC5F8
≈ Sail to the Sea
- E9ABCF
≈ Pink Pearl
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.82:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.52:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.52:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
CSS
:root {
--cane-sugar: #e3b982;
--cane-sugar-rgb: 227 185 130;
--cane-sugar-oklch: oklch(0.81 0.086 73.6);
}
.element {
color: var(--cane-sugar);
background-color: hsl(34 63% 70%);
border-color: oklch(0.81 0.086 73.6);
}Tailwind CSS v4
@theme {
--color-cane-sugar: #e3b982;
--color-cane-sugar-50: #fff2da;
--color-cane-sugar-100: #f9e5c9;
--color-cane-sugar-200: #ead0ac;
--color-cane-sugar-300: #d1b286;
--color-cane-sugar-400: #bd9764;
--color-cane-sugar-500: #a87d40;
--color-cane-sugar-600: #8e6a37;
--color-cane-sugar-700: #72552c;
--color-cane-sugar-800: #553d1f;
--color-cane-sugar-900: #3b2a14;
--color-cane-sugar-950: #251806;
}SCSS
$cane-sugar: #e3b982;
$cane-sugar-rgb: 227, 185, 130;
$cane-sugar-light: mix(#fff, $cane-sugar, 20%);
$cane-sugar-dark: mix(#000, $cane-sugar, 20%);
.element {
color: $cane-sugar;
box-shadow: 0 0 0 2px rgba($cane-sugar, 0.35);
}