Dichtstbijzijnde benoemde kleur · #935C70
#935C70
Dichtstbijzijnde benoemde kleur: Velour Scar
#935C70 (rgb(147 92 112), hsl(338 23% 47%), oklch(0.542 0.077 356.6)) komt het dichtst bij de benoemde kleur Velour Scar. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#935C70
oklch(0.542 0.077 356.6)
Kleurconversies
- HEX
- #935c70
- RGB
- rgb(147 92 112)
- HSL
- hsl(338 23% 47%)
- HWB
- hwb(338 36% 42%)
- OKLCH
- oklch(0.542 0.077 356.6)
- OKLab
- oklab(0.542 0.076 -0.005)
- CIE Lab
- lab(45.83 25.26 -1.45)
- LCH
- lch(45.83 25.3 356.7)
- CMYK
- cmyk(0% 37% 24% 42%)
Tinten · Schaduwen · Tonen
Tinten
- 9E6B7D
- A97B8B
- B48B99
- BF9BA7
- CAABB5
- D4BBC3
- DFCCD2
- EADDE1
- F4EEF0
Schaduwen
- 7F4F60
- 6C4251
- 593643
- 472A35
- 361F27
- 25141A
- 160A0E
- 080304
- 010001
Tonen
- 926072
- 906473
- 8E6775
- 8D6B76
- 8B6F78
- 89727A
- 87767B
- 85797D
- 827D7E
Kleurharmonieën
Complementair +180°
- 935C70
Velour Scar
- 367E6E
≈ Green Belt
Analoog -30° +30°
- 935C70
Velour Scar
- 875F87
≈ Dusty Purple
- 975D57
≈ Copper Mining
Triadisch +120° +240°
- 935C70
Velour Scar
- 6C753F
≈ Swamp Shrub
- 407696
≈ Cry Me a River
Gesplitst complementair +150° +210°
- 935C70
Velour Scar
- 517B54
≈ Torrey Pine
- 2D7C85
≈ Sea Urchin
Tetradisch +90° +180° +270°
- 935C70
Velour Scar
- 836C37
≈ Time Honoured
- 367E6E
≈ Green Belt
- 5B6E9C
≈ Moonshade
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.24:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 4.00:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--velour-scar: #935c70;
--velour-scar-rgb: 147 92 112;
--velour-scar-oklch: oklch(0.542 0.077 356.6);
}
.element {
color: var(--velour-scar);
background-color: hsl(338 23% 47%);
border-color: oklch(0.542 0.077 356.6);
}Tailwind CSS v4
@theme {
--color-velour-scar: #935c70;
--color-velour-scar-50: #ffedf5;
--color-velour-scar-100: #ffdee7;
--color-velour-scar-200: #f1c7d4;
--color-velour-scar-300: #d9a8b7;
--color-velour-scar-400: #c48c9f;
--color-velour-scar-500: #af7187;
--color-velour-scar-600: #946072;
--color-velour-scar-700: #774c5b;
--color-velour-scar-800: #583744;
--color-velour-scar-900: #3d262f;
--color-velour-scar-950: #26141b;
}SCSS
$velour-scar: #935c70;
$velour-scar-rgb: 147, 92, 112;
$velour-scar-light: mix(#fff, $velour-scar, 20%);
$velour-scar-dark: mix(#000, $velour-scar, 20%);
.element {
color: $velour-scar;
box-shadow: 0 0 0 2px rgba($velour-scar, 0.35);
}