Colore con nome · #C27545
Marmalade Glaze
Marmalade Glaze è #C27545: rgb(194 117 69), hsl(23 51% 52%), oklch(0.636 0.116 51.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Marmalade Glaze color name →
#C27545
oklch(0.636 0.116 51.3)
Conversioni di colore
- HEX
- #c27545
- RGB
- rgb(194 117 69)
- HSL
- hsl(23 51% 52%)
- HWB
- hwb(23 27% 24%)
- OKLCH
- oklch(0.636 0.116 51.3)
- OKLab
- oklab(0.636 0.072 0.09)
- CIE Lab
- lab(57.19 27.89 39.46)
- LCH
- lch(57.19 48.32 54.7)
- CMYK
- cmyk(0% 40% 64% 24%)
Tinte · Ombre · Toni
Tinte
- C98358
- D0916B
- D69E7E
- DDAC90
- E3BAA2
- E9C7B4
- EFD5C7
- F4E3D9
- FAF1EC
Ombre
- A8653B
- 8F5531
- 774627
- 60371E
- 492915
- 341C0C
- 200F05
- 0E0502
- 020100
Toni
- BC774D
- B67853
- AF7A5A
- A97B60
- A27C66
- 9C7D6B
- 957E71
- 8E7F76
- 877F7B
Armonie di colore
Complementare +180°
- C27545
Marmalade Glaze
- 2A97C4
≈ UV Light
Analogo -30° +30°
- C27545
Marmalade Glaze
- C86D6C
≈ Cuban Plaza
- AE8329
≈ Porchetta Crust
Triadico +120° +240°
- C27545
Marmalade Glaze
- 23A182
≈ Congo Green
- 8C7DCC
≈ Ube
Complementare divisa +150° +210°
- C27545
Marmalade Glaze
- 009EA6
≈ Turkish Boy
- 638AD1
≈ Livid
Tetradico +90° +180° +270°
- C27545
Marmalade Glaze
- 619C59
≈ Savage Garden
- 2A97C4
≈ UV Light
- AB72B5
≈ Berry Burst
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.54:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.92:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--marmalade-glaze: #c27545;
--marmalade-glaze-rgb: 194 117 69;
--marmalade-glaze-oklch: oklch(0.636 0.116 51.3);
}
.element {
color: var(--marmalade-glaze);
background-color: hsl(23 51% 52%);
border-color: oklch(0.636 0.116 51.3);
}Tailwind CSS v4
@theme {
--color-marmalade-glaze: #c27545;
--color-marmalade-glaze-50: #ffedd7;
--color-marmalade-glaze-100: #ffdec5;
--color-marmalade-glaze-200: #fdc7a6;
--color-marmalade-glaze-300: #e7a77f;
--color-marmalade-glaze-400: #d58a5d;
--color-marmalade-glaze-500: #c16d36;
--color-marmalade-glaze-600: #a35d2f;
--color-marmalade-glaze-700: #834a25;
--color-marmalade-glaze-800: #62351b;
--color-marmalade-glaze-900: #452411;
--color-marmalade-glaze-950: #2c1304;
}SCSS
$marmalade-glaze: #c27545;
$marmalade-glaze-rgb: 194, 117, 69;
$marmalade-glaze-light: mix(#fff, $marmalade-glaze, 20%);
$marmalade-glaze-dark: mix(#000, $marmalade-glaze, 20%);
.element {
color: $marmalade-glaze;
box-shadow: 0 0 0 2px rgba($marmalade-glaze, 0.35);
}