Couleur nommée la plus proche · #635288
#635288
Couleur nommée la plus proche: Freshly Purpleized
#635288 (rgb(99 82 136), hsl(259 25% 43%), oklch(0.479 0.087 297.5)) est la plus proche de la couleur nommée Freshly Purpleized. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#635288
oklch(0.479 0.087 297.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 716294
- 8073A0
- 8F83AB
- 9E94B7
- ADA5C3
- BDB7CF
- CDC8DB
- DEDAE7
- EEEDF3
Ombres
- 554675
- 473B63
- 3A2F52
- 2E2541
- 211A31
- 161122
- 0B0813
- 030206
- 000001
Tons
- 665788
- 685C87
- 6B6086
- 6E6586
- 716985
- 746E84
- 777383
- 7A7782
- 7D7C81
Harmonies de couleurs
Complémentaire +180°
- 635288
Freshly Purpleized
- 596425
≈ Tabbouleh Green
Analogue -30° +30°
- 635288
Freshly Purpleized
- 485B8E
≈ Gem
- 774B76
≈ Cabbage Blossom Violet
Triadique +120° +240°
- 635288
Freshly Purpleized
- 825027
≈ Valise
- 066D5D
≈ Forest Splendour
Complémentaire divisée +150° +210°
- 635288
Freshly Purpleized
- 725A18
≈ Hot Mustard
- 386B40
≈ Arcala Green
Tétradique +90° +180° +270°
- 635288
Freshly Purpleized
- 884942
≈ Henna
- 596425
≈ Tabbouleh Green
- 006A75
≈ Mary Blue
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.78:1 · APCA Lc 83
Ag
FailSur noir
WCAG 3.09:1 · APCA Lc 19
Meilleure couleur de texte: #FFFFFF
WCAG 6.78:1 (AA) · APCA Lc 83
Contrast pairs
Extraits de code
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);
}