Color con nombre · #D46F14
Marmalade
Marmalade es #D46F14: rgb(212 111 20), hsl(28 83% 45%), oklch(0.646 0.155 54.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Marmalade color name →
#D46F14
oklch(0.646 0.155 54.3)
Conversiones de color
- HEX
- #d46f14
- RGB
- rgb(212 111 20)
- HSL
- hsl(28 83% 45%)
- HWB
- hwb(28 8% 17%)
- OKLCH
- oklch(0.646 0.155 54.3)
- OKLab
- oklab(0.646 0.091 0.126)
- CIE Lab
- lab(58.12 36.95 61.83)
- LCH
- lch(58.12 72.03 59.1)
- CMYK
- cmyk(0% 48% 91% 17%)
Tintes · Sombras · Tonos
Tintes
- DA7E3A
- DF8D53
- E49C6A
- E9AA80
- EEB896
- F2C6AB
- F6D5C0
- F9E3D5
- FCF1EA
Sombras
- B86010
- 9D510C
- 834208
- 693405
- 512703
- 3A1A01
- 240E01
- 100400
- 020100
Tonos
- CC722B
- C4743A
- BC7746
- B47950
- AC7A59
- A47C62
- 9B7D6A
- 927E72
- 897F79
Armonías de color
Complementario +180°
- D46F14
Marmalade
- 009AD4
≈ Blithe
Análogo -30° +30°
- D46F14
Marmalade
- DD625D
≈ Salami Slice
- B38600
≈ Arrowwood
Triádico +120° +240°
- D46F14
Marmalade
- 00A689
≈ Brilliant Turquoise
- 9578E2
≈ Matt Purple
Complementario dividido +150° +210°
- D46F14
Marmalade
- 00A1AD
≈ Riviera
- 5D89EC
≈ Soft Blue
Tetrádico +90° +180° +270°
- D46F14
Marmalade
- 48A64C
≈ Mid Green
- 009AD4
≈ Blithe
- BB69C2
≈ Lavendless
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.45:1 · APCA Lc 62
Ag
AASobre negro
WCAG 6.08:1 · APCA Lc 40
Mejor color de texto: #000000
WCAG 6.08:1 (AA) · APCA Lc 40
Contrast pairs
Fragmentos de código
CSS
:root {
--marmalade: #d46f14;
--marmalade-rgb: 212 111 20;
--marmalade-oklch: oklch(0.646 0.155 54.3);
}
.element {
color: var(--marmalade);
background-color: hsl(28 83% 45%);
border-color: oklch(0.646 0.155 54.3);
}Tailwind CSS v4
@theme {
--color-marmalade: #d46f14;
--color-marmalade-50: #ffebcb;
--color-marmalade-100: #ffdbb6;
--color-marmalade-200: #ffc393;
--color-marmalade-300: #f4a265;
--color-marmalade-400: #e38238;
--color-marmalade-500: #d16200;
--color-marmalade-600: #b15400;
--color-marmalade-700: #8e4300;
--color-marmalade-800: #6a2f00;
--color-marmalade-900: #4b2000;
--color-marmalade-950: #310f00;
}SCSS
$marmalade: #d46f14;
$marmalade-rgb: 212, 111, 20;
$marmalade-light: mix(#fff, $marmalade, 20%);
$marmalade-dark: mix(#000, $marmalade, 20%);
.element {
color: $marmalade;
box-shadow: 0 0 0 2px rgba($marmalade, 0.35);
}