Cor nomeada mais próxima · #975F3D
#975F3D
Cor nomeada mais próxima: Indochine
#975F3D (rgb(151 95 61), hsl(23 42% 42%), oklch(0.54 0.088 51.2)) é mais próxima da cor nomeada Indochine. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#975F3D
oklch(0.54 0.088 51.2)
Conversões de cor
- HEX
- #975f3d
- RGB
- rgb(151 95 61)
- HSL
- hsl(23 42% 42%)
- HWB
- hwb(23 24% 41%)
- OKLCH
- oklch(0.54 0.088 51.2)
- OKLab
- oklab(0.54 0.055 0.068)
- CIE Lab
- lab(46.14 20.89 29.24)
- LCH
- lch(46.14 35.94 54.5)
- CMYK
- cmyk(0% 37% 60% 41%)
Tons claros · Sombras · Tons
Tons claros
- A26E50
- AC7E63
- B78D75
- C29D88
- CCAD9B
- D6BDAF
- E1CDC2
- EBDED6
- F5EEEB
Sombras
- 835234
- 6F442B
- 5C3822
- 492C1A
- 372012
- 26150A
- 170A04
- 080301
- 010000
Tons
- 956344
- 93664C
- 916A53
- 8F6D59
- 8D7060
- 8B7467
- 88776D
- 867A73
- 837D7A
Harmonias de cor
Complementar +180°
- 975F3D
Indochine
- 2F7798
≈ Cottage by the Sea
Análoga -30° +30°
- 975F3D
Indochine
- 9B5958
≈ Walleye
- 88692C
≈ Aged Antics
Tríade +120° +240°
- 975F3D
Indochine
- 2C7F68
≈ Trans Tasman
- 6F659E
≈ Scampi
Complementar dividida +150° +210°
- 975F3D
Indochine
- 137D84
≈ Caribe
- 516EA2
≈ Chesty Bond
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.22:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 4.02:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--indochine: #975f3d;
--indochine-rgb: 151 95 61;
--indochine-oklch: oklch(0.54 0.088 51.2);
}
.element {
color: var(--indochine);
background-color: hsl(23 42% 42%);
border-color: oklch(0.54 0.088 51.2);
}Tailwind CSS v4
@theme {
--color-indochine: #975f3d;
--color-indochine-50: #ffefde;
--color-indochine-100: #ffe1cd;
--color-indochine-200: #f3cbb2;
--color-indochine-300: #dcac8e;
--color-indochine-400: #c9906e;
--color-indochine-500: #b4754e;
--color-indochine-600: #986343;
--color-indochine-700: #7a4f35;
--color-indochine-800: #5b3926;
--color-indochine-900: #402719;
--color-indochine-950: #28150a;
}SCSS
$indochine: #975f3d;
$indochine-rgb: 151, 95, 61;
$indochine-light: mix(#fff, $indochine, 20%);
$indochine-dark: mix(#000, $indochine, 20%);
.element {
color: $indochine;
box-shadow: 0 0 0 2px rgba($indochine, 0.35);
}