Color con nombre · #C19E78
Tan Plan
Tan Plan es #C19E78: rgb(193 158 120), hsl(31 37% 61%), oklch(0.722 0.066 68.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Tan Plan color name →
#C19E78
oklch(0.722 0.066 68.8)
Conversiones de color
- HEX
- #c19e78
- RGB
- rgb(193 158 120)
- HSL
- hsl(31 37% 61%)
- HWB
- hwb(31 47% 24%)
- OKLCH
- oklch(0.722 0.066 68.8)
- OKLab
- oklab(0.722 0.024 0.062)
- CIE Lab
- lab(67.66 9.5 25.03)
- LCH
- lch(67.66 26.77 69.2)
- CMYK
- cmyk(0% 18% 38% 24%)
Tintes · Sombras · Tonos
Tintes
- C7A785
- CEB193
- D4BBA0
- DAC4AD
- E0CEBB
- E6D8C8
- EDE1D6
- F3EBE3
- F9F5F1
Sombras
- A78967
- 8F7457
- 776048
- 5F4D39
- 493A2A
- 34291D
- 201810
- 0E0905
- 020101
Tonos
- BA9B79
- B4987A
- AD957B
- A7927C
- A08F7D
- 9A8C7E
- 93897E
- 8D867F
- 868380
Armonías de color
Complementario +180°
- C19E78
Tan Plan
- 85A9CD
≈ Windfall
Análogo -30° +30°
- C19E78
Tan Plan
- CA9787
≈ Café Crème
- AFA676
≈ Windy Meadow
Triádico +120° +240°
- C19E78
Tan Plan
- 73B3AD
≈ Aurora Teal
- B19AC5
≈ Atlantic Tulip
Complementario dividido +150° +210°
- C19E78
Tan Plan
- 74B0C1
≈ Glacier
- 9BA1CF
≈ Fields of Heather
Tetrádico +90° +180° +270°
- C19E78
Tan Plan
- 81B296
≈ Padua
- 85A9CD
≈ Windfall
- C295B3
≈ Mauve Magic
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.49:1 · APCA Lc 49
Ag
AAASobre negro
WCAG 8.42:1 · APCA Lc 53
Mejor color de texto: #000000
WCAG 8.42:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmentos de código
CSS
:root {
--tan-plan: #c19e78;
--tan-plan-rgb: 193 158 120;
--tan-plan-oklch: oklch(0.722 0.066 68.8);
}
.element {
color: var(--tan-plan);
background-color: hsl(31 37% 61%);
border-color: oklch(0.722 0.066 68.8);
}Tailwind CSS v4
@theme {
--color-tan-plan: #c19e78;
--color-tan-plan-50: #fff2e1;
--color-tan-plan-100: #f7e5d1;
--color-tan-plan-200: #e7d0b6;
--color-tan-plan-300: #ceb293;
--color-tan-plan-400: #b99874;
--color-tan-plan-500: #a37e55;
--color-tan-plan-600: #8a6b48;
--color-tan-plan-700: #6f553a;
--color-tan-plan-800: #523e29;
--color-tan-plan-900: #392b1c;
--color-tan-plan-950: #23180c;
}SCSS
$tan-plan: #c19e78;
$tan-plan-rgb: 193, 158, 120;
$tan-plan-light: mix(#fff, $tan-plan, 20%);
$tan-plan-dark: mix(#000, $tan-plan, 20%);
.element {
color: $tan-plan;
box-shadow: 0 0 0 2px rgba($tan-plan, 0.35);
}