Dichtstbijzijnde benoemde kleur · #985C53
#985C53
Dichtstbijzijnde benoemde kleur: Chutney
#985C53 (rgb(152 92 83), hsl(8 29% 46%), oklch(0.54 0.081 29.2)) komt het dichtst bij de benoemde kleur Chutney. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#985C53
oklch(0.54 0.081 29.2)
Kleurconversies
- HEX
- #985c53
- RGB
- rgb(152 92 83)
- HSL
- hsl(8 29% 46%)
- HWB
- hwb(8 33% 40%)
- OKLCH
- oklch(0.54 0.081 29.2)
- OKLab
- oklab(0.54 0.071 0.039)
- CIE Lab
- lab(45.88 24.47 16.16)
- LCH
- lch(45.88 29.33 33.4)
- CMYK
- cmyk(0% 39% 45% 40%)
Tinten · Schaduwen · Tonen
Tinten
- A36C63
- AE7B73
- B88B84
- C39B94
- CDABA5
- D7BCB7
- E1CCC9
- EBDDDA
- F5EEED
Schaduwen
- 844F47
- 70423B
- 5C3630
- 4A2A25
- 381F1B
- 271411
- 170A08
- 080302
- 010000
Tonen
- 966058
- 94645C
- 926761
- 906B65
- 8E6F6A
- 8B726E
- 897673
- 867977
- 837D7C
Kleurharmonieën
Complementair +180°
- 985C53
Chutney
- 267B88
≈ Panorama
Analoog -30° +30°
- 985C53
Chutney
- 955A6D
≈ Carnation Festival
- 91633C
≈ Oregon Hazel
Triadisch +120° +240°
- 985C53
Chutney
- 4B7C55
≈ Melbourne
- 5B6C9E
≈ Moonshade
Gesplitst complementair +150° +210°
- 985C53
Chutney
- 2E7E70
≈ Mermaid Sea
- 3E7599
≈ Male Betta
Tetradisch +90° +180° +270°
- 985C53
Chutney
- 69753D
≈ Cedar Green
- 267B88
≈ Panorama
- 756497
≈ Pandora
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.26:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 3.99:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--chutney: #985c53;
--chutney-rgb: 152 92 83;
--chutney-oklch: oklch(0.54 0.081 29.2);
}
.element {
color: var(--chutney);
background-color: hsl(8 29% 46%);
border-color: oklch(0.54 0.081 29.2);
}Tailwind CSS v4
@theme {
--color-chutney: #985c53;
--color-chutney-50: #ffede7;
--color-chutney-100: #ffdfd8;
--color-chutney-200: #f5c8bf;
--color-chutney-300: #dea99e;
--color-chutney-400: #ca8d83;
--color-chutney-500: #b67167;
--color-chutney-600: #996057;
--color-chutney-700: #7b4d46;
--color-chutney-800: #5b3733;
--color-chutney-900: #402623;
--color-chutney-950: #291412;
}SCSS
$chutney: #985c53;
$chutney-rgb: 152, 92, 83;
$chutney-light: mix(#fff, $chutney, 20%);
$chutney-dark: mix(#000, $chutney, 20%);
.element {
color: $chutney;
box-shadow: 0 0 0 2px rgba($chutney, 0.35);
}