Dichtstbijzijnde benoemde kleur · #615082
#615082
Dichtstbijzijnde benoemde kleur: Sumptuous Purple
#615082 (rgb(97 80 130), hsl(260 24% 41%), oklch(0.47 0.081 298.9)) komt het dichtst bij de benoemde kleur Sumptuous Purple. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#615082
oklch(0.47 0.081 298.9)
Kleurconversies
- HEX
- #615082
- RGB
- rgb(97 80 130)
- HSL
- hsl(260 24% 41%)
- HWB
- hwb(260 31% 49%)
- OKLCH
- oklch(0.47 0.081 298.9)
- OKLab
- oklab(0.47 0.039 -0.071)
- CIE Lab
- lab(37.41 15.85 -25.77)
- LCH
- lch(37.41 30.25 301.6)
- CMYK
- cmyk(25% 38% 0% 49%)
Tinten · Schaduwen · Tonen
Tinten
- 6F608E
- 7E719B
- 8D82A7
- 9D93B3
- ACA4C0
- BCB6CC
- CDC8D9
- DDDAE6
- EEECF2
Schaduwen
- 534470
- 46395F
- 392E4E
- 2D243E
- 211A2F
- 151020
- 0B0712
- 030206
- 000001
Tonen
- 645582
- 675A82
- 6A5F82
- 6D6482
- 706882
- 736D82
- 767281
- 7A7781
- 7D7B81
Kleurharmonieën
Complementair +180°
- 615082
Sumptuous Purple
- 566128
≈ Basil Green
Analoog -30° +30°
- 615082
Sumptuous Purple
- 485889
≈ True Navy
- 744971
≈ Sunset Purple
Triadisch +120° +240°
- 615082
Sumptuous Purple
- 7C4F28
≈ Brown-Noser
- 10695B
≈ Bella Vista
Gesplitst complementair +150° +210°
- 615082
Sumptuous Purple
- 6D581C
≈ Field Drab
- 376741
≈ Genever Green
Tetradisch +90° +180° +270°
- 615082
Sumptuous Purple
- 824840
≈ Think Brick
- 566128
≈ Basil Green
- 006773
≈ Kingfisher Bright
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 7.05:1 · APCA Lc 84
Ag
FailOp zwart
WCAG 2.97:1 · APCA Lc 18
Beste tekstkleur: #FFFFFF
WCAG 7.05:1 (AAA) · APCA Lc 84
Contrast pairs
Codefragmenten
CSS
:root {
--sumptuous-purple: #615082;
--sumptuous-purple-rgb: 97 80 130;
--sumptuous-purple-oklch: oklch(0.47 0.081 298.9);
}
.element {
color: var(--sumptuous-purple);
background-color: hsl(260 24% 41%);
border-color: oklch(0.47 0.081 298.9);
}Tailwind CSS v4
@theme {
--color-sumptuous-purple: #615082;
--color-sumptuous-purple-50: #f9f0ff;
--color-sumptuous-purple-100: #ece2ff;
--color-sumptuous-purple-200: #dacdf2;
--color-sumptuous-purple-300: #beaedb;
--color-sumptuous-purple-400: #a594c8;
--color-sumptuous-purple-500: #8d7ab5;
--color-sumptuous-purple-600: #786799;
--color-sumptuous-purple-700: #60537a;
--color-sumptuous-purple-800: #453c5b;
--color-sumptuous-purple-900: #302940;
--color-sumptuous-purple-950: #1c1729;
}SCSS
$sumptuous-purple: #615082;
$sumptuous-purple-rgb: 97, 80, 130;
$sumptuous-purple-light: mix(#fff, $sumptuous-purple, 20%);
$sumptuous-purple-dark: mix(#000, $sumptuous-purple, 20%);
.element {
color: $sumptuous-purple;
box-shadow: 0 0 0 2px rgba($sumptuous-purple, 0.35);
}