Colore con nome · #7A6D44
Crease
Crease è #7A6D44: rgb(122 109 68), hsl(46 28% 37%), oklch(0.537 0.06 92.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Crease color name →
#7A6D44
oklch(0.537 0.06 92.5)
Conversioni di colore
- HEX
- #7a6d44
- RGB
- rgb(122 109 68)
- HSL
- hsl(46 28% 37%)
- HWB
- hwb(46 27% 52%)
- OKLCH
- oklch(0.537 0.06 92.5)
- OKLab
- oklab(0.537 -0.003 0.06)
- CIE Lab
- lab(46.5 0.7 24.83)
- LCH
- lch(46.5 24.84 88.4)
- CMYK
- cmyk(0% 11% 44% 52%)
Tinte · Ombre · Toni
Tinte
- 867B56
- 938968
- A0977A
- ADA58C
- BAB49E
- C8C2B1
- D5D1C4
- E3E0D8
- F1F0EB
Ombre
- 695E3A
- 594F30
- 494126
- 3A331D
- 2B2614
- 1D190C
- 100D05
- 050402
- 010100
Toni
- 7B6F4A
- 7B7151
- 7C7357
- 7C755D
- 7D7763
- 7E7969
- 7E7A6F
- 7F7C75
- 7F7E7A
Armonie di colore
Complementare +180°
- 7A6D44
Crease
- 626C91
≈ Haunt Mist
Analogo -30° +30°
- 7A6D44
Crease
- 876649
≈ Baked Cookie
- 67744C
≈ Dill Pickle
Triadico +120° +240°
- 7A6D44
Crease
- 407782
≈ Sea Quest
- 83617D
≈ Purple Gumdrop
Complementare divisa +150° +210°
- 7A6D44
Crease
- 4E728E
≈ Metallic Blue
- 74658B
≈ Posy Purple
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.12:1 · APCA Lc 75
Ag
FailSu nero
WCAG 4.09:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.12:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--crease: #7a6d44;
--crease-rgb: 122 109 68;
--crease-oklch: oklch(0.537 0.06 92.5);
}
.element {
color: var(--crease);
background-color: hsl(46 28% 37%);
border-color: oklch(0.537 0.06 92.5);
}Tailwind CSS v4
@theme {
--color-crease: #7a6d44;
--color-crease-50: #faf5e2;
--color-crease-100: #eee8d2;
--color-crease-200: #dcd4b8;
--color-crease-300: #c1b895;
--color-crease-400: #ab9e76;
--color-crease-500: #948557;
--color-crease-600: #7d714a;
--color-crease-700: #645a3b;
--color-crease-800: #4a422a;
--color-crease-900: #342d1c;
--color-crease-950: #1f1a0c;
}SCSS
$crease: #7a6d44;
$crease-rgb: 122, 109, 68;
$crease-light: mix(#fff, $crease, 20%);
$crease-dark: mix(#000, $crease, 20%);
.element {
color: $crease;
box-shadow: 0 0 0 2px rgba($crease, 0.35);
}