Couleur nommée la plus proche · #48008A
#48008A
Couleur nommée la plus proche: Indigo Static
#48008A (rgb(72 0 138), hsl(271 100% 27%), oklch(0.343 0.186 297.2)) 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.
#48008A
oklch(0.343 0.186 297.2)
Conversions de couleur
- HEX
- #48008a
- RGB
- rgb(72 0 138)
- HSL
- hsl(271 100% 27%)
- HWB
- hwb(271 0% 46%)
- OKLCH
- oklch(0.343 0.186 297.2)
- OKLab
- oklab(0.343 0.085 -0.165)
- CIE Lab
- lab(19.97 48.03 -58.91)
- LCH
- lch(19.97 76.01 309.2)
- CMYK
- cmyk(48% 100% 0% 46%)
Teintes · Ombres · Tons
Teintes
- 572A97
- 6744A4
- 785CB0
- 8A73BC
- 9C8AC8
- AFA0D4
- C2B8DF
- D6CFEA
- EAE7F5
Ombres
- 3D0077
- 330065
- 290053
- 1F0042
- 160032
- 0D0022
- 060014
- 020007
- 000001
Tons
- 4C1C8A
- 512C8A
- 56398A
- 5C448A
- 614F89
- 675988
- 6D6386
- 736D85
- 7A7683
Harmonies de couleurs
Complémentaire +180°
- 48008A
Indigo Static
- 363E00
≈ Dark Olive
Analogue -30° +30°
- 48008A
Indigo Static
- 132297
≈ Deepsea Kraken
- 5F0062
≈ Clear Plum
Triadique +120° +240°
- 48008A
Indigo Static
- 582B00
≈ Fudge Brownie
- 004338
≈ UP Forest Green
Complémentaire divisée +150° +210°
- 48008A
Indigo Static
- 483600
≈ Night in the Woods
- 004615
≈ Wailing Woods
Tétradique +90° +180° +270°
- 48008A
Indigo Static
- 700006
≈ Hellbound
- 363E00
≈ Dark Olive
- 004148
≈ Warm Black
Contraste et accessibilité
Ag
AAASur blanc
WCAG 12.78:1 · APCA Lc 97
Ag
FailSur noir
WCAG 1.64:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 12.78:1 (AAA) · APCA Lc 97
Contrast pairs
Extraits de code
CSS
:root {
--indigo-static: #48008a;
--indigo-static-rgb: 72 0 138;
--indigo-static-oklch: oklch(0.343 0.186 297.2);
}
.element {
color: var(--indigo-static);
background-color: hsl(271 100% 27%);
border-color: oklch(0.343 0.186 297.2);
}Tailwind CSS v4
@theme {
--color-indigo-static: #48008a;
--color-indigo-static-50: #fceaff;
--color-indigo-static-100: #f0dbff;
--color-indigo-static-200: #dfc2ff;
--color-indigo-static-300: #c5a0ff;
--color-indigo-static-400: #ac82fd;
--color-indigo-static-500: #9661ef;
--color-indigo-static-600: #7f53ca;
--color-indigo-static-700: #6643a2;
--color-indigo-static-800: #49307a;
--color-indigo-static-900: #322157;
--color-indigo-static-950: #1e0f3a;
}SCSS
$indigo-static: #48008a;
$indigo-static-rgb: 72, 0, 138;
$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);
}