Dichtstbijzijnde benoemde kleur · #994476
#994476
Dichtstbijzijnde benoemde kleur: Plum Passion
#994476 (rgb(153 68 118), hsl(325 38% 43%), oklch(0.513 0.128 346.2)) komt het dichtst bij de benoemde kleur Plum Passion. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#994476
oklch(0.513 0.128 346.2)
Kleurconversies
- HEX
- #994476
- RGB
- rgb(153 68 118)
- HSL
- hsl(325 38% 43%)
- HWB
- hwb(325 27% 40%)
- OKLCH
- oklch(0.513 0.128 346.2)
- OKLab
- oklab(0.513 0.125 -0.031)
- CIE Lab
- lab(41.74 40.6 -11.02)
- LCH
- lch(41.74 42.07 344.8)
- CMYK
- cmyk(0% 56% 23% 40%)
Tinten · Schaduwen · Tonen
Tinten
- A45783
- AF6990
- BA7B9D
- C58EAB
- CFA0B8
- D9B3C6
- E3C5D4
- ECD8E2
- F6ECF1
Schaduwen
- 843A66
- 703056
- 5D2647
- 4A1D38
- 381429
- 270C1C
- 17050F
- 080205
- 010001
Tonen
- 974B77
- 965278
- 945879
- 925E7A
- 8F647B
- 8D6A7C
- 8A707D
- 87757E
- 847B7F
Kleurharmonieën
Complementair +180°
- 994476
Plum Passion
- 007A59
≈ Ivy League
Analoog -30° +30°
- 994476
Plum Passion
- 834D98
≈ Murasaki Purple
- A3424D
≈ Floriography
Triadisch +120° +240°
- 994476
Plum Passion
- 6F6A00
≈ Worn Olive
- 007292
≈ Blue Fjord
Gesplitst complementair +150° +210°
- 994476
Plum Passion
- 427723
≈ Tropicana
- 007677
≈ Prismarine
Tetradisch +90° +180° +270°
- 994476
Plum Passion
- 8A5D00
≈ Rat Brown
- 007A59
≈ Ivy League
- 3067AF
≈ Dover Straits
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.09:1 · APCA Lc 80
Ag
FailOp zwart
WCAG 3.44:1 · APCA Lc 22
Beste tekstkleur: #FFFFFF
WCAG 6.09:1 (AA) · APCA Lc 80
Contrast pairs
Codefragmenten
CSS
:root {
--plum-passion: #994476;
--plum-passion-rgb: 153 68 118;
--plum-passion-oklch: oklch(0.513 0.128 346.2);
}
.element {
color: var(--plum-passion);
background-color: hsl(325 38% 43%);
border-color: oklch(0.513 0.128 346.2);
}Tailwind CSS v4
@theme {
--color-plum-passion: #994476;
--color-plum-passion-50: #ffe7fb;
--color-plum-passion-100: #ffd7ef;
--color-plum-passion-200: #ffbede;
--color-plum-passion-300: #e99cc3;
--color-plum-passion-400: #d47eae;
--color-plum-passion-500: #c15f98;
--color-plum-passion-600: #a35180;
--color-plum-passion-700: #834167;
--color-plum-passion-800: #602e4d;
--color-plum-passion-900: #441f36;
--color-plum-passion-950: #2b0f21;
}SCSS
$plum-passion: #994476;
$plum-passion-rgb: 153, 68, 118;
$plum-passion-light: mix(#fff, $plum-passion, 20%);
$plum-passion-dark: mix(#000, $plum-passion, 20%);
.element {
color: $plum-passion;
box-shadow: 0 0 0 2px rgba($plum-passion, 0.35);
}