Color con nombre · #C6A698
Howdy Partner
Howdy Partner es #C6A698: rgb(198 166 152), hsl(18 29% 69%), oklch(0.75 0.043 45). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Howdy Partner color name →
#C6A698
oklch(0.75 0.043 45)
Conversiones de color
- HEX
- #c6a698
- RGB
- rgb(198 166 152)
- HSL
- hsl(18 29% 69%)
- HWB
- hwb(18 60% 22%)
- OKLCH
- oklch(0.75 0.043 45)
- OKLab
- oklab(0.75 0.03 0.03)
- CIE Lab
- lab(70.74 10.5 11.88)
- LCH
- lch(70.74 15.85 48.5)
- CMYK
- cmyk(0% 16% 23% 22%)
Tintes · Sombras · Tonos
Tintes
- CCAFA2
- D2B7AC
- D7C0B6
- DDC9C0
- E3D2CB
- E8DBD5
- EEE4DF
- F4EDEA
- F9F6F4
Sombras
- AC9084
- 927A70
- 7A655C
- 62514A
- 4B3E38
- 352B27
- 211A17
- 0E0A08
- 020101
Tonos
- BFA296
- B89E93
- B19B91
- AA978E
- A3938C
- 9C8F8A
- 958B87
- 8E8885
- 878482
Armonías de color
Complementario +180°
- C6A698
Howdy Partner
- 92B4C2
≈ Bright Bluebonnet
Análogo -30° +30°
- C6A698
Howdy Partner
- C8A3A5
≈ Pale Mauve
- BEAB90
≈ Egyptian Sand
Triádico +120° +240°
- C6A698
Howdy Partner
- 96B7A7
≈ Nile River
- AAABC9
≈ Cosmic Sky
Complementario dividido +150° +210°
- C6A698
Howdy Partner
- 8FB7B6
≈ Eyefull
- 9CB0C9
≈ Poetry Reading
Tetrádico +90° +180° +270°
- C6A698
Howdy Partner
- A3B499
≈ Banksia
- 92B4C2
≈ Bright Bluebonnet
- B8A6C1
≈ Velour
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.25:1 · APCA Lc 44
Ag
AAASobre negro
WCAG 9.30:1 · APCA Lc 58
Mejor color de texto: #000000
WCAG 9.30:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmentos de código
CSS
:root {
--howdy-partner: #c6a698;
--howdy-partner-rgb: 198 166 152;
--howdy-partner-oklch: oklch(0.75 0.043 45);
}
.element {
color: var(--howdy-partner);
background-color: hsl(18 29% 69%);
border-color: oklch(0.75 0.043 45);
}Tailwind CSS v4
@theme {
--color-howdy-partner: #c6a698;
--color-howdy-partner-50: #fff2eb;
--color-howdy-partner-100: #f5e4dc;
--color-howdy-partner-200: #e5cfc5;
--color-howdy-partner-300: #cbb1a5;
--color-howdy-partner-400: #b5978a;
--color-howdy-partner-500: #9f7e6f;
--color-howdy-partner-600: #866a5e;
--color-howdy-partner-700: #6c554b;
--color-howdy-partner-800: #503e37;
--color-howdy-partner-900: #372a25;
--color-howdy-partner-950: #221814;
}SCSS
$howdy-partner: #c6a698;
$howdy-partner-rgb: 198, 166, 152;
$howdy-partner-light: mix(#fff, $howdy-partner, 20%);
$howdy-partner-dark: mix(#000, $howdy-partner, 20%);
.element {
color: $howdy-partner;
box-shadow: 0 0 0 2px rgba($howdy-partner, 0.35);
}