Color con nombre · #C19156
Twine
Twine es #C19156: rgb(193 145 86), hsl(33 46% 55%), oklch(0.69 0.096 70.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Twine color name →
#C19156
oklch(0.69 0.096 70.8)
Conversiones de color
- HEX
- #c19156
- RGB
- rgb(193 145 86)
- HSL
- hsl(33 46% 55%)
- HWB
- hwb(33 34% 24%)
- OKLCH
- oklch(0.69 0.096 70.8)
- OKLab
- oklab(0.69 0.032 0.091)
- CIE Lab
- lab(63.94 13.75 38.4)
- LCH
- lch(63.94 40.79 70.3)
- CMYK
- cmyk(0% 25% 55% 24%)
Tintes · Sombras · Tonos
Tintes
- C79C68
- CEA779
- D4B289
- DABD9A
- E1C8AB
- E7D3BB
- EDDECC
- F3E9DD
- F9F4EE
Sombras
- A77D4A
- 8F6A3E
- 775832
- 5F4627
- 49351C
- 342512
- 201508
- 0E0702
- 020100
Tonos
- BB905C
- B48E61
- AE8C65
- A78B6A
- A1896E
- 9A8772
- 948676
- 8D8479
- 87827D
Armonías de color
Complementario +180°
- C19156
Twine
- 6DA0D5
≈ Blue Electress
Análogo -30° +30°
- C19156
Twine
- CE876D
≈ Subdued Sienna
- A89D54
≈ Organic Matter
Triádico +120° +240°
Complementario dividido +150° +210°
- C19156
Twine
- 4DA9C5
≈ Dragonfly Blue
- 9094D6
≈ Portage
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.81:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.45:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.45:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--twine: #c19156;
--twine-rgb: 193 145 86;
--twine-oklch: oklch(0.69 0.096 70.8);
}
.element {
color: var(--twine);
background-color: hsl(33 46% 55%);
border-color: oklch(0.69 0.096 70.8);
}Tailwind CSS v4
@theme {
--color-twine: #c19156;
--color-twine-50: #fff2d8;
--color-twine-100: #fce4c6;
--color-twine-200: #eecfa8;
--color-twine-300: #d6b081;
--color-twine-400: #c2955d;
--color-twine-500: #ae7a37;
--color-twine-600: #936830;
--color-twine-700: #765326;
--color-twine-800: #583c1a;
--color-twine-900: #3d2911;
--color-twine-950: #271704;
}SCSS
$twine: #c19156;
$twine-rgb: 193, 145, 86;
$twine-light: mix(#fff, $twine, 20%);
$twine-dark: mix(#000, $twine, 20%);
.element {
color: $twine;
box-shadow: 0 0 0 2px rgba($twine, 0.35);
}