Couleur nommée la plus proche · #7D5443
#7D5443
Couleur nommée la plus proche: Brownstone
#7D5443 (rgb(125 84 67), hsl(18 30% 38%), oklch(0.486 0.061 43.3)) est la plus proche de la couleur nommée Brownstone. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#7D5443
oklch(0.486 0.061 43.3)
Conversions de couleur
- HEX
- #7d5443
- RGB
- rgb(125 84 67)
- HSL
- hsl(18 30% 38%)
- HWB
- hwb(18 26% 51%)
- OKLCH
- oklch(0.486 0.061 43.3)
- OKLab
- oklab(0.486 0.044 0.042)
- CIE Lab
- lab(40.01 15.99 17.22)
- LCH
- lch(40.01 23.5 47.1)
- CMYK
- cmyk(0% 33% 46% 51%)
Teintes · Ombres · Tons
Teintes
- 8A6454
- 977466
- A48478
- B0958A
- BDA69D
- CAB7B0
- D8C9C3
- E5DBD7
- F2EDEB
Ombres
- 6C4839
- 5B3C2F
- 4B3126
- 3B261D
- 2C1B14
- 1E110C
- 110805
- 050201
- 010000
Tons
- 7E5849
- 7E5D4F
- 7F6155
- 7F665B
- 806A61
- 806F68
- 80736E
- 807774
- 807C7A
Harmonies de couleurs
Complémentaire +180°
- 7D5443
Brownstone
- 356779
≈ San Gabriel Blue
Analogue -30° +30°
- 7D5443
Brownstone
- 7E5155
≈ Deep Rhubarb
- 745A37
≈ Shingle Fawn
Triadique +120° +240°
- 7D5443
Brownstone
- 3D6A56
≈ Toad King
- 5A5B81
≈ Deep Lavender
Complémentaire divisée +150° +210°
- 7D5443
Brownstone
- 306A69
≈ North Sea
- 466182
≈ Climate Control
Tétradique +90° +180° +270°
- 7D5443
Brownstone
- 516743
≈ Fern Grotto
- 356779
≈ San Gabriel Blue
- 6C5578
≈ Trixter
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.51:1 · APCA Lc 82
Ag
FailSur noir
WCAG 3.22:1 · APCA Lc 20
Meilleure couleur de texte: #FFFFFF
WCAG 6.51:1 (AA) · APCA Lc 82
Contrast pairs
Extraits de code
CSS
:root {
--brownstone: #7d5443;
--brownstone-rgb: 125 84 67;
--brownstone-oklch: oklch(0.486 0.061 43.3);
}
.element {
color: var(--brownstone);
background-color: hsl(18 30% 38%);
border-color: oklch(0.486 0.061 43.3);
}Tailwind CSS v4
@theme {
--color-brownstone: #7d5443;
--color-brownstone-50: #fff0e7;
--color-brownstone-100: #fae2d7;
--color-brownstone-200: #eccdbf;
--color-brownstone-300: #d3ae9e;
--color-brownstone-400: #be9382;
--color-brownstone-500: #a97965;
--color-brownstone-600: #8f6756;
--color-brownstone-700: #735245;
--color-brownstone-800: #553b32;
--color-brownstone-900: #3b2922;
--color-brownstone-950: #251711;
}SCSS
$brownstone: #7d5443;
$brownstone-rgb: 125, 84, 67;
$brownstone-light: mix(#fff, $brownstone, 20%);
$brownstone-dark: mix(#000, $brownstone, 20%);
.element {
color: $brownstone;
box-shadow: 0 0 0 2px rgba($brownstone, 0.35);
}