Cor nomeada · #745937
Shingle Fawn
Shingle Fawn é #745937: rgb(116 89 55), hsl(33 36% 34%), oklch(0.484 0.061 72). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Shingle Fawn color name →
#745937
oklch(0.484 0.061 72)
Conversões de cor
- HEX
- #745937
- RGB
- rgb(116 89 55)
- HSL
- hsl(33 36% 34%)
- HWB
- hwb(33 22% 55%)
- OKLCH
- oklch(0.484 0.061 72)
- OKLab
- oklab(0.484 0.019 0.058)
- CIE Lab
- lab(40.05 8.12 24.07)
- LCH
- lch(40.05 25.4 71.4)
- CMYK
- cmyk(0% 23% 53% 55%)
Tons claros · Sombras · Tons
Tons claros
- 81684A
- 8F785D
- 9C8870
- AA9883
- B8A997
- C6B9AB
- D4CBC0
- E2DCD4
- F0EDEA
Sombras
- 644C2E
- 544026
- 45341E
- 372816
- 291D0F
- 1B1308
- 0F0903
- 050301
- 010000
Tons
- 755D3F
- 776146
- 78654E
- 796955
- 7A6D5C
- 7C7163
- 7D746B
- 7E7872
- 7F7C79
Harmonias de cor
Complementar +180°
- 745937
Shingle Fawn
- 456180
≈ Climate Control
Análoga -30° +30°
- 745937
Shingle Fawn
- 7C5343
≈ Florentine Brown
- 656036
≈ Saguaro
Tríade +120° +240°
- 745937
Shingle Fawn
- 306A67
≈ North Sea
- 6A5578
≈ Basil Mauve
Complementar dividida +150° +210°
- 745937
Shingle Fawn
- 346677
≈ San Gabriel Blue
- 595A80
≈ Deep Lavender
Tétrade +90° +180° +270°
- 745937
Shingle Fawn
- 3D6954
≈ June Ivy
- 456180
≈ Climate Control
- 775168
≈ Berry Conserve
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.50:1 · APCA Lc 82
Ag
FailSobre preto
WCAG 3.22:1 · APCA Lc 20
Melhor cor de texto: #FFFFFF
WCAG 6.50:1 (AA) · APCA Lc 82
Contrast pairs
Trechos de código
CSS
:root {
--shingle-fawn: #745937;
--shingle-fawn-rgb: 116 89 55;
--shingle-fawn-oklch: oklch(0.484 0.061 72);
}
.element {
color: var(--shingle-fawn);
background-color: hsl(33 36% 34%);
border-color: oklch(0.484 0.061 72);
}Tailwind CSS v4
@theme {
--color-shingle-fawn: #745937;
--color-shingle-fawn-50: #fff3e3;
--color-shingle-fawn-100: #f4e5d2;
--color-shingle-fawn-200: #e4d1b8;
--color-shingle-fawn-300: #cab396;
--color-shingle-fawn-400: #b59977;
--color-shingle-fawn-500: #9f8059;
--color-shingle-fawn-600: #876c4c;
--color-shingle-fawn-700: #6c573c;
--color-shingle-fawn-800: #503f2b;
--color-shingle-fawn-900: #382b1d;
--color-shingle-fawn-950: #22180d;
}SCSS
$shingle-fawn: #745937;
$shingle-fawn-rgb: 116, 89, 55;
$shingle-fawn-light: mix(#fff, $shingle-fawn, 20%);
$shingle-fawn-dark: mix(#000, $shingle-fawn, 20%);
.element {
color: $shingle-fawn;
box-shadow: 0 0 0 2px rgba($shingle-fawn, 0.35);
}