Cor nomeada · #9D7F61
Sorrell Brown
Sorrell Brown é #9D7F61: rgb(157 127 97), hsl(30 24% 50%), oklch(0.617 0.057 66.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Sorrell Brown color name →
#9D7F61
oklch(0.617 0.057 66.5)
Conversões de cor
- HEX
- #9d7f61
- RGB
- rgb(157 127 97)
- HSL
- hsl(30 24% 50%)
- HWB
- hwb(30 38% 38%)
- OKLCH
- oklch(0.617 0.057 66.5)
- OKLab
- oklab(0.617 0.023 0.052)
- CIE Lab
- lab(55.52 8.76 20.94)
- LCH
- lch(55.52 22.7 67.3)
- CMYK
- cmyk(0% 19% 38% 38%)
Tons claros · Sombras · Tons
Tons claros
- A78B70
- B0987F
- BAA48F
- C4B19E
- CDBDAE
- D7CABE
- E1D7CE
- EBE4DE
- F5F2EE
Sombras
- 886E53
- 735D46
- 5F4C39
- 4C3C2D
- 3A2D21
- 281F15
- 18110B
- 090603
- 010100
Tons
- 9A7F64
- 977F68
- 95806B
- 92806E
- 8F8071
- 8C8074
- 898077
- 86807A
- 83807D
Harmonias de cor
Complementar +180°
- 9D7F61
Sorrell Brown
- 6A89A6
≈ Sporty Blue
Análoga -30° +30°
- 9D7F61
Sorrell Brown
- A47A6E
≈ Burnished Brown
- 8F865E
≈ Owlet
Tríade +120° +240°
- 9D7F61
Sorrell Brown
- 5D918B
≈ Green Agate
- 8E7DA1
≈ Violet Chalk
Complementar dividida +150° +210°
- 9D7F61
Sorrell Brown
- 5D8E9B
≈ Cabana Blue
- 7C83A8
≈ Romanesque
Tétrade +90° +180° +270°
- 9D7F61
Sorrell Brown
- 699077
≈ Cool Bluegrass
- 6A89A6
≈ Sporty Blue
- 9C7992
≈ Valerian
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.72:1 · APCA Lc 65
Ag
AASobre preto
WCAG 5.64:1 · APCA Lc 37
Melhor cor de texto: #000000
WCAG 5.64:1 (AA) · APCA Lc 37
Contrast pairs
Trechos de código
CSS
:root {
--sorrell-brown: #9d7f61;
--sorrell-brown-rgb: 157 127 97;
--sorrell-brown-oklch: oklch(0.617 0.057 66.5);
}
.element {
color: var(--sorrell-brown);
background-color: hsl(30 24% 50%);
border-color: oklch(0.617 0.057 66.5);
}Tailwind CSS v4
@theme {
--color-sorrell-brown: #9d7f61;
--color-sorrell-brown-50: #fff3e4;
--color-sorrell-brown-100: #f5e5d4;
--color-sorrell-brown-200: #e5d0bb;
--color-sorrell-brown-300: #cbb399;
--color-sorrell-brown-400: #b6987b;
--color-sorrell-brown-500: #a07f5e;
--color-sorrell-brown-600: #876c50;
--color-sorrell-brown-700: #6c5640;
--color-sorrell-brown-800: #503e2e;
--color-sorrell-brown-900: #382b1f;
--color-sorrell-brown-950: #22180f;
}SCSS
$sorrell-brown: #9d7f61;
$sorrell-brown-rgb: 157, 127, 97;
$sorrell-brown-light: mix(#fff, $sorrell-brown, 20%);
$sorrell-brown-dark: mix(#000, $sorrell-brown, 20%);
.element {
color: $sorrell-brown;
box-shadow: 0 0 0 2px rgba($sorrell-brown, 0.35);
}