Dichtstbijzijnde benoemde kleur · #7D5873
#7D5873
Dichtstbijzijnde benoemde kleur: Plum Highness
#7D5873 (rgb(125 88 115), hsl(316 17% 42%), oklch(0.509 0.062 336.7)) komt het dichtst bij de benoemde kleur Plum Highness. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#7D5873
oklch(0.509 0.062 336.7)
Kleurconversies
- HEX
- #7d5873
- RGB
- rgb(125 88 115)
- HSL
- hsl(316 17% 42%)
- HWB
- hwb(316 35% 51%)
- OKLCH
- oklch(0.509 0.062 336.7)
- OKLab
- oklab(0.509 0.057 -0.025)
- CIE Lab
- lab(42.15 19.17 -9.06)
- LCH
- lch(42.15 21.2 334.7)
- CMYK
- cmyk(0% 30% 8% 51%)
Tinten · Schaduwen · Tonen
Tinten
- 8A6780
- 96778D
- A3879B
- B098A9
- BDA8B7
- CAB9C5
- D7CAD3
- E4DCE2
- F2EDF0
Schaduwen
- 6C4B63
- 5B3F54
- 4B3345
- 3B2836
- 2C1D28
- 1E121B
- 11090F
- 050305
- 010001
Tonen
- 7E5C74
- 7E6076
- 7F6477
- 7F6878
- 7F6C7A
- 80707B
- 80747C
- 80787D
- 807C7F
Kleurharmonieën
Complementair +180°
- 7D5873
Plum Highness
- 477157
≈ Fairway
Analoog -30° +30°
- 7D5873
Plum Highness
- 6F5C82
≈ Mystical Purple
- 855760
≈ Renaissance Rose
Triadisch +120° +240°
- 7D5873
Plum Highness
- 70663B
≈ Swinging Vine
- 376F7D
≈ Grand Rapids
Gesplitst complementair +150° +210°
- 7D5873
Plum Highness
- 5C6D45
≈ Bonza Green
- 37716B
≈ Jungle Noises
Tetradisch +90° +180° +270°
- 7D5873
Plum Highness
- 7E5F3E
≈ Berkeley Hills
- 477157
≈ Fairway
- 486988
≈ Snake River
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.97:1 · APCA Lc 80
Ag
FailOp zwart
WCAG 3.51:1 · APCA Lc 22
Beste tekstkleur: #FFFFFF
WCAG 5.97:1 (AA) · APCA Lc 80
Contrast pairs
Codefragmenten
CSS
:root {
--plum-highness: #7d5873;
--plum-highness-rgb: 125 88 115;
--plum-highness-oklch: oklch(0.509 0.062 336.7);
}
.element {
color: var(--plum-highness);
background-color: hsl(316 17% 42%);
border-color: oklch(0.509 0.062 336.7);
}Tailwind CSS v4
@theme {
--color-plum-highness: #7d5873;
--color-plum-highness-50: #ffeffb;
--color-plum-highness-100: #f7e0ef;
--color-plum-highness-200: #e7cadd;
--color-plum-highness-300: #ceacc2;
--color-plum-highness-400: #b791ac;
--color-plum-highness-500: #a17696;
--color-plum-highness-600: #88647e;
--color-plum-highness-700: #6d5065;
--color-plum-highness-800: #503a4b;
--color-plum-highness-900: #382834;
--color-plum-highness-950: #221620;
}SCSS
$plum-highness: #7d5873;
$plum-highness-rgb: 125, 88, 115;
$plum-highness-light: mix(#fff, $plum-highness, 20%);
$plum-highness-dark: mix(#000, $plum-highness, 20%);
.element {
color: $plum-highness;
box-shadow: 0 0 0 2px rgba($plum-highness, 0.35);
}