Dichtstbijzijnde benoemde kleur · #825F95
#825F95
Dichtstbijzijnde benoemde kleur: Muted Purple
#825F95 (rgb(130 95 149), hsl(279 22% 48%), oklch(0.542 0.091 313.2)) komt het dichtst bij de benoemde kleur Muted Purple. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#825F95
oklch(0.542 0.091 313.2)
Kleurconversies
- HEX
- #825f95
- RGB
- rgb(130 95 149)
- HSL
- hsl(279 22% 48%)
- HWB
- hwb(279 37% 42%)
- OKLCH
- oklch(0.542 0.091 313.2)
- OKLab
- oklab(0.542 0.062 -0.066)
- CIE Lab
- lab(45.62 22.45 -24.18)
- LCH
- lch(45.62 33 312.9)
- CMYK
- cmyk(13% 36% 0% 42%)
Tinten · Schaduwen · Tonen
Tinten
- 8E6EA0
- 9A7DAA
- A68DB5
- B39DBF
- BFADCA
- CCBDD4
- D8CDDF
- E5DDEA
- F2EEF4
Schaduwen
- 705281
- 5F446D
- 4E385A
- 3E2C48
- 2F2037
- 201526
- 120A16
- 060308
- 010001
Tonen
- 826393
- 826691
- 82698F
- 816D8D
- 81708B
- 817389
- 817787
- 817A85
- 807D82
Kleurharmonieën
Complementair +180°
- 825F95
Muted Purple
- 5A7B42
≈ Mossy Green
Analoog -30° +30°
- 825F95
Muted Purple
- 6868A3
≈ Inner Journey
- 94597D
≈ Immortality
Triadisch +120° +240°
- 825F95
Muted Purple
- 8F662C
≈ Tapenade
- 09807E
≈ Belly Flop
Gesplitst complementair +150° +210°
- 825F95
Muted Purple
- 79712C
≈ Wood Garlic
- 348060
≈ Leisure Green
Tetradisch +90° +180° +270°
- 825F95
Muted Purple
- 9B5D43
≈ Chocolate Fountain
- 5A7B42
≈ Mossy Green
- 207A96
≈ Pacific Pleasure
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.22:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 4.02:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--muted-purple: #825f95;
--muted-purple-rgb: 130 95 149;
--muted-purple-oklch: oklch(0.542 0.091 313.2);
}
.element {
color: var(--muted-purple);
background-color: hsl(279 22% 48%);
border-color: oklch(0.542 0.091 313.2);
}Tailwind CSS v4
@theme {
--color-muted-purple: #825f95;
--color-muted-purple-50: #ffeeff;
--color-muted-purple-100: #f4dffd;
--color-muted-purple-200: #e3c9ef;
--color-muted-purple-300: #c9aad8;
--color-muted-purple-400: #b18fc5;
--color-muted-purple-500: #9b74b1;
--color-muted-purple-600: #836296;
--color-muted-purple-700: #694e78;
--color-muted-purple-800: #4d395a;
--color-muted-purple-900: #35273f;
--color-muted-purple-950: #201528;
}SCSS
$muted-purple: #825f95;
$muted-purple-rgb: 130, 95, 149;
$muted-purple-light: mix(#fff, $muted-purple, 20%);
$muted-purple-dark: mix(#000, $muted-purple, 20%);
.element {
color: $muted-purple;
box-shadow: 0 0 0 2px rgba($muted-purple, 0.35);
}