Colore con nome · #C6A698
Howdy Partner
Howdy Partner è #C6A698: rgb(198 166 152), hsl(18 29% 69%), oklch(0.75 0.043 45). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Howdy Partner color name →
#C6A698
oklch(0.75 0.043 45)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- CCAFA2
- D2B7AC
- D7C0B6
- DDC9C0
- E3D2CB
- E8DBD5
- EEE4DF
- F4EDEA
- F9F6F4
Ombre
- AC9084
- 927A70
- 7A655C
- 62514A
- 4B3E38
- 352B27
- 211A17
- 0E0A08
- 020101
Toni
- BFA296
- B89E93
- B19B91
- AA978E
- A3938C
- 9C8F8A
- 958B87
- 8E8885
- 878482
Armonie di colore
Complementare +180°
- C6A698
Howdy Partner
- 92B4C2
≈ Bright Bluebonnet
Analogo -30° +30°
- C6A698
Howdy Partner
- C8A3A5
≈ Pale Mauve
- BEAB90
≈ Egyptian Sand
Triadico +120° +240°
- C6A698
Howdy Partner
- 96B7A7
≈ Nile River
- AAABC9
≈ Cosmic Sky
Complementare divisa +150° +210°
- C6A698
Howdy Partner
- 8FB7B6
≈ Eyefull
- 9CB0C9
≈ Poetry Reading
Tetradico +90° +180° +270°
- C6A698
Howdy Partner
- A3B499
≈ Banksia
- 92B4C2
≈ Bright Bluebonnet
- B8A6C1
≈ Velour
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.25:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.30:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.30:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
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);
}