Colore con nome · #A6937D
Clippership Twill
Clippership Twill è #A6937D: rgb(166 147 125), hsl(32 19% 57%), oklch(0.674 0.039 71.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Clippership Twill color name →
#A6937D
oklch(0.674 0.039 71.2)
Conversioni di colore
- HEX
- #a6937d
- RGB
- rgb(166 147 125)
- HSL
- hsl(32 19% 57%)
- HWB
- hwb(32 49% 35%)
- OKLCH
- oklch(0.674 0.039 71.2)
- OKLab
- oklab(0.674 0.012 0.037)
- CIE Lab
- lab(62.21 4.69 14.42)
- LCH
- lch(62.21 15.17 72)
- CMYK
- cmyk(0% 11% 25% 35%)
Tinte · Ombre · Toni
Tinte
- AF9D89
- B7A896
- C0B2A3
- C9BDAF
- D2C8BC
- DBD3C9
- E4DED7
- EDE9E4
- F6F4F1
Ombre
- 907F6C
- 7A6C5B
- 65594B
- 51473B
- 3E362C
- 2B251E
- 1A1611
- 0A0805
- 010101
Toni
- A2917D
- 9E8F7E
- 9B8D7E
- 978B7F
- 938A7F
- 8F887F
- 8B867F
- 888480
- 848280
Armonie di colore
Complementare +180°
- A6937D
Clippership Twill
- 8599AE
≈ Monsoon Season
Analogo -30° +30°
- A6937D
Clippership Twill
- AC8F84
≈ Hollow Brown
- 9B987D
≈ Pebble
Triadico +120° +240°
- A6937D
Clippership Twill
- 7C9F9C
≈ Tower Bridge
- 9E90A8
≈ Ancestry Violet
Complementare divisa +150° +210°
- A6937D
Clippership Twill
- 7D9CA7
≈ Serene Stream
- 9294AE
≈ Monarchy
Tetradico +90° +180° +270°
- A6937D
Clippership Twill
- 829E8F
≈ Mother Earth
- 8599AE
≈ Monsoon Season
- A88E9E
≈ Mauve Musk
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.96:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.09:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.09:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--clippership-twill: #a6937d;
--clippership-twill-rgb: 166 147 125;
--clippership-twill-oklch: oklch(0.674 0.039 71.2);
}
.element {
color: var(--clippership-twill);
background-color: hsl(32 19% 57%);
border-color: oklch(0.674 0.039 71.2);
}Tailwind CSS v4
@theme {
--color-clippership-twill: #a6937d;
--color-clippership-twill-50: #fcf4e9;
--color-clippership-twill-100: #f0e6da;
--color-clippership-twill-200: #dfd2c3;
--color-clippership-twill-300: #c4b5a2;
--color-clippership-twill-400: #ad9b86;
--color-clippership-twill-500: #97826a;
--color-clippership-twill-600: #7f6e5a;
--color-clippership-twill-700: #665848;
--color-clippership-twill-800: #4b4034;
--color-clippership-twill-900: #342c23;
--color-clippership-twill-950: #201912;
}SCSS
$clippership-twill: #a6937d;
$clippership-twill-rgb: 166, 147, 125;
$clippership-twill-light: mix(#fff, $clippership-twill, 20%);
$clippership-twill-dark: mix(#000, $clippership-twill, 20%);
.element {
color: $clippership-twill;
box-shadow: 0 0 0 2px rgba($clippership-twill, 0.35);
}