En yakın adlandırılmış renk · #A182D2
#A182D2
En yakın adlandırılmış renk: Petrified Purple
#A182D2 (rgb(161 130 210), hsl(263 47% 67%), oklch(0.667 0.12 301.1)) en çok Petrified Purple adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#A182D2
oklch(0.667 0.12 301.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AA8ED7
- B39BDC
- BCA7E1
- C5B4E5
- CFC0EA
- D8CDEE
- E2D9F3
- EBE6F7
- F5F2FB
Koyu tonlar
- 8B70B6
- 765F9B
- 624E81
- 4E3E68
- 3C2F50
- 2A2039
- 191224
- 090610
- 010102
Gri tonlar
- 9E82CA
- 9A82C2
- 9782BA
- 9382B1
- 9082A9
- 8D82A1
- 8A8299
- 868191
- 838188
Renk uyumları
Tamamlayıcı +180°
- A182D2
Petrified Purple
- 899F45
≈ Nasturtium Shoot
Analog -30° +30°
- A182D2
Petrified Purple
- 798FDE
≈ Little Boy Blue
- BE78B6
≈ Colombo Red Mauve
Üçlü +120° +240°
- A182D2
Petrified Purple
- C98240
≈ Golden Bell
- 03AC98
≈ Pool Green
Bölünmüş tamamlayıcı +150° +210°
- A182D2
Petrified Purple
- B0912D
≈ Balsam Pear
- 57A96E
≈ Fresh Oregano
Dörtlü +90° +180° +270°
- A182D2
Petrified Purple
- D37666
≈ OK Corral
- 899F45
≈ Nasturtium Shoot
- 00A7BC
≈ Jamaican Sea
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.16:1 · APCA Lc 59
Ag
AASiyah üzerinde
WCAG 6.63:1 · APCA Lc 43
En iyi metin rengi: #000000
WCAG 6.63:1 (AA) · APCA Lc 43
Contrast pairs
Kod parçacıkları
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);
}