Dichtstbijzijnde benoemde kleur · #635288
#635288
Dichtstbijzijnde benoemde kleur: Freshly Purpleized
#635288 (rgb(99 82 136), hsl(259 25% 43%), oklch(0.479 0.087 297.5)) komt het dichtst bij de benoemde kleur Freshly Purpleized. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#635288
oklch(0.479 0.087 297.5)
Kleurconversies
- HEX
- #635288
- RGB
- rgb(99 82 136)
- HSL
- hsl(259 25% 43%)
- HWB
- hwb(259 32% 47%)
- OKLCH
- oklch(0.479 0.087 297.5)
- OKLab
- oklab(0.479 0.04 -0.077)
- CIE Lab
- lab(38.41 16.59 -27.86)
- LCH
- lch(38.41 32.43 300.8)
- CMYK
- cmyk(27% 40% 0% 47%)
Tinten · Schaduwen · Tonen
Tinten
- 716294
- 8073A0
- 8F83AB
- 9E94B7
- ADA5C3
- BDB7CF
- CDC8DB
- DEDAE7
- EEEDF3
Schaduwen
- 554675
- 473B63
- 3A2F52
- 2E2541
- 211A31
- 161122
- 0B0813
- 030206
- 000001
Tonen
- 665788
- 685C87
- 6B6086
- 6E6586
- 716985
- 746E84
- 777383
- 7A7782
- 7D7C81
Kleurharmonieën
Complementair +180°
- 635288
Freshly Purpleized
- 596425
≈ Tabbouleh Green
Analoog -30° +30°
- 635288
Freshly Purpleized
- 485B8E
≈ Gem
- 774B76
≈ Cabbage Blossom Violet
Triadisch +120° +240°
- 635288
Freshly Purpleized
- 825027
≈ Valise
- 066D5D
≈ Forest Splendour
Gesplitst complementair +150° +210°
- 635288
Freshly Purpleized
- 725A18
≈ Hot Mustard
- 386B40
≈ Arcala Green
Tetradisch +90° +180° +270°
- 635288
Freshly Purpleized
- 884942
≈ Henna
- 596425
≈ Tabbouleh Green
- 006A75
≈ Mary Blue
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.78:1 · APCA Lc 83
Ag
FailOp zwart
WCAG 3.09:1 · APCA Lc 19
Beste tekstkleur: #FFFFFF
WCAG 6.78:1 (AA) · APCA Lc 83
Contrast pairs
Codefragmenten
CSS
:root {
--freshly-purpleized: #635288;
--freshly-purpleized-rgb: 99 82 136;
--freshly-purpleized-oklch: oklch(0.479 0.087 297.5);
}
.element {
color: var(--freshly-purpleized);
background-color: hsl(259 25% 43%);
border-color: oklch(0.479 0.087 297.5);
}Tailwind CSS v4
@theme {
--color-freshly-purpleized: #635288;
--color-freshly-purpleized-50: #f8f0ff;
--color-freshly-purpleized-100: #ece2ff;
--color-freshly-purpleized-200: #d9cdf5;
--color-freshly-purpleized-300: #bdaede;
--color-freshly-purpleized-400: #a494cc;
--color-freshly-purpleized-500: #8d79b9;
--color-freshly-purpleized-600: #77679c;
--color-freshly-purpleized-700: #5f527d;
--color-freshly-purpleized-800: #453c5d;
--color-freshly-purpleized-900: #2f2941;
--color-freshly-purpleized-950: #1c172a;
}SCSS
$freshly-purpleized: #635288;
$freshly-purpleized-rgb: 99, 82, 136;
$freshly-purpleized-light: mix(#fff, $freshly-purpleized, 20%);
$freshly-purpleized-dark: mix(#000, $freshly-purpleized, 20%);
.element {
color: $freshly-purpleized;
box-shadow: 0 0 0 2px rgba($freshly-purpleized, 0.35);
}