Cor nomeada · #C19156
Twine
Twine é #C19156: rgb(193 145 86), hsl(33 46% 55%), oklch(0.69 0.096 70.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Twine color name →
#C19156
oklch(0.69 0.096 70.8)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C79C68
- CEA779
- D4B289
- DABD9A
- E1C8AB
- E7D3BB
- EDDECC
- F3E9DD
- F9F4EE
Sombras
- A77D4A
- 8F6A3E
- 775832
- 5F4627
- 49351C
- 342512
- 201508
- 0E0702
- 020100
Tons
- BB905C
- B48E61
- AE8C65
- A78B6A
- A1896E
- 9A8772
- 948676
- 8D8479
- 87827D
Harmonias de cor
Complementar +180°
- C19156
Twine
- 6DA0D5
≈ Blue Electress
Análoga -30° +30°
- C19156
Twine
- CE876D
≈ Subdued Sienna
- A89D54
≈ Organic Matter
Tríade +120° +240°
Complementar dividida +150° +210°
- C19156
Twine
- 4DA9C5
≈ Dragonfly Blue
- 9094D6
≈ Portage
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.81:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.45:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.45:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos 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);
}