Couleur nommée la plus proche · #560089
#560089
Couleur nommée la plus proche: Indigo Static
#560089 (rgb(86 0 137), hsl(278 100% 27%), oklch(0.361 0.187 305.3)) est la plus proche de la couleur nommée Indigo Static. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#560089
oklch(0.361 0.187 305.3)
Conversions de couleur
- HEX
- #560089
- RGB
- rgb(86 0 137)
- HSL
- hsl(278 100% 27%)
- HWB
- hwb(278 0% 46%)
- OKLCH
- oklch(0.361 0.187 305.3)
- OKLab
- oklab(0.361 0.108 -0.153)
- CIE Lab
- lab(22.26 49.83 -54.42)
- LCH
- lch(22.26 73.79 312.5)
- CMYK
- cmyk(37% 100% 0% 46%)
Teintes · Ombres · Tons
Teintes
- 652A96
- 7544A3
- 855CAF
- 9573BB
- A68AC7
- B7A1D3
- C9B8DE
- DBCFE9
- EDE7F4
Ombres
- 4A0076
- 3E0064
- 320053
- 270042
- 1C0031
- 120022
- 080014
- 020007
- 000001
Tons
- 5A1C89
- 5E2C89
- 623989
- 664489
- 6A4F88
- 6F5987
- 736386
- 776D84
- 7C7782
Harmonies de couleurs
Complémentaire +180°
- 560089
Indigo Static
- 324500
≈ Garden Shadow
Analogue -30° +30°
- 560089
Indigo Static
- 2B219C
≈ Gentian Blue
- 6B005D
≈ Amygdala Purple
Triadique +120° +240°
- 560089
Indigo Static
- 5A3300
≈ Eyelash Camel
- 004842
≈ Tropical Forest
Complémentaire divisée +150° +210°
- 560089
Indigo Static
- 4A3D00
≈ Xanthophobia
- 004B28
≈ Troll Green
Tétradique +90° +180° +270°
- 560089
Indigo Static
- 711900
≈ Cedar Wood Finish
- 324500
≈ Garden Shadow
- 004653
≈ Crab Nebula
Contraste et accessibilité
Ag
AAASur blanc
WCAG 11.95:1 · APCA Lc 95
Ag
FailSur noir
WCAG 1.75:1 · APCA Lc 7
Meilleure couleur de texte: #FFFFFF
WCAG 11.95:1 (AAA) · APCA Lc 95
Contrast pairs
Extraits de code
CSS
:root {
--indigo-static: #560089;
--indigo-static-rgb: 86 0 137;
--indigo-static-oklch: oklch(0.361 0.187 305.3);
}
.element {
color: var(--indigo-static);
background-color: hsl(278 100% 27%);
border-color: oklch(0.361 0.187 305.3);
}Tailwind CSS v4
@theme {
--color-indigo-static: #560089;
--color-indigo-static-50: #ffe8ff;
--color-indigo-static-100: #f9d8ff;
--color-indigo-static-200: #eabfff;
--color-indigo-static-300: #d19cff;
--color-indigo-static-400: #b97df5;
--color-indigo-static-500: #a45be7;
--color-indigo-static-600: #8b4ec3;
--color-indigo-static-700: #6f3e9c;
--color-indigo-static-800: #502d76;
--color-indigo-static-900: #381f53;
--color-indigo-static-950: #230d38;
}SCSS
$indigo-static: #560089;
$indigo-static-rgb: 86, 0, 137;
$indigo-static-light: mix(#fff, $indigo-static, 20%);
$indigo-static-dark: mix(#000, $indigo-static, 20%);
.element {
color: $indigo-static;
box-shadow: 0 0 0 2px rgba($indigo-static, 0.35);
}