Couleur nommée la plus proche · #A182D2
#A182D2
Couleur nommée la plus proche: Petrified Purple
#A182D2 (rgb(161 130 210), hsl(263 47% 67%), oklch(0.667 0.12 301.1)) est la plus proche de la couleur nommée Petrified Purple. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A182D2
oklch(0.667 0.12 301.1)
Conversions de couleur
- HEX
- #a182d2
- RGB
- rgb(161 130 210)
- HSL
- hsl(263 47% 67%)
- HWB
- hwb(263 51% 18%)
- OKLCH
- oklch(0.667 0.12 301.1)
- OKLab
- oklab(0.667 0.062 -0.103)
- CIE Lab
- lab(59.74 24.52 -37.16)
- LCH
- lch(59.74 44.52 303.4)
- CMYK
- cmyk(23% 38% 0% 18%)
Teintes · Ombres · Tons
Teintes
- AA8ED7
- B39BDC
- BCA7E1
- C5B4E5
- CFC0EA
- D8CDEE
- E2D9F3
- EBE6F7
- F5F2FB
Ombres
- 8B70B6
- 765F9B
- 624E81
- 4E3E68
- 3C2F50
- 2A2039
- 191224
- 090610
- 010102
Tons
- 9E82CA
- 9A82C2
- 9782BA
- 9382B1
- 9082A9
- 8D82A1
- 8A8299
- 868191
- 838188
Harmonies de couleurs
Complémentaire +180°
- A182D2
Petrified Purple
- 899F45
≈ Nasturtium Shoot
Analogue -30° +30°
- A182D2
Petrified Purple
- 798FDE
≈ Little Boy Blue
- BE78B6
≈ Colombo Red Mauve
Triadique +120° +240°
- A182D2
Petrified Purple
- C98240
≈ Golden Bell
- 03AC98
≈ Pool Green
Complémentaire divisée +150° +210°
- A182D2
Petrified Purple
- B0912D
≈ Balsam Pear
- 57A96E
≈ Fresh Oregano
Tétradique +90° +180° +270°
- A182D2
Petrified Purple
- D37666
≈ OK Corral
- 899F45
≈ Nasturtium Shoot
- 00A7BC
≈ Jamaican Sea
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.16:1 · APCA Lc 59
Ag
AASur noir
WCAG 6.63:1 · APCA Lc 43
Meilleure couleur de texte: #000000
WCAG 6.63:1 (AA) · APCA Lc 43
Contrast pairs
Extraits de code
CSS
:root {
--petrified-purple: #a182d2;
--petrified-purple-rgb: 161 130 210;
--petrified-purple-oklch: oklch(0.667 0.12 301.1);
}
.element {
color: var(--petrified-purple);
background-color: hsl(263 47% 67%);
border-color: oklch(0.667 0.12 301.1);
}Tailwind CSS v4
@theme {
--color-petrified-purple: #a182d2;
--color-petrified-purple-50: #fceeff;
--color-petrified-purple-100: #f0dfff;
--color-petrified-purple-200: #dec8ff;
--color-petrified-purple-300: #c4a9ea;
--color-petrified-purple-400: #ab8dda;
--color-petrified-purple-500: #9471c8;
--color-petrified-purple-600: #7d60a9;
--color-petrified-purple-700: #644d88;
--color-petrified-purple-800: #483866;
--color-petrified-purple-900: #322647;
--color-petrified-purple-950: #1e142f;
}SCSS
$petrified-purple: #a182d2;
$petrified-purple-rgb: 161, 130, 210;
$petrified-purple-light: mix(#fff, $petrified-purple, 20%);
$petrified-purple-dark: mix(#000, $petrified-purple, 20%);
.element {
color: $petrified-purple;
box-shadow: 0 0 0 2px rgba($petrified-purple, 0.35);
}