Adlandırılmış renk · #9955FF
Irrigo Purple
Irrigo Purple, #9955FF: rgb(153 85 255), hsl(264 100% 67%), oklch(0.617 0.239 297.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Irrigo Purple color name →
#9955FF
oklch(0.617 0.239 297.2)
Renk dönüşümleri
- HEX
- #9955ff
- RGB
- rgb(153 85 255)
- HSL
- hsl(264 100% 67%)
- HWB
- hwb(264 33% 0%)
- OKLCH
- oklch(0.617 0.239 297.2)
- OKLab
- oklab(0.617 0.109 -0.212)
- CIE Lab
- lab(51.45 54.33 -75.47)
- LCH
- lch(51.45 92.99 305.7)
- CMYK
- cmyk(40% 67% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A26AFF
- AB7DFF
- B58EFF
- BE9FFF
- C9B0FF
- D3C0FF
- DED0FF
- E9E0FF
- F4EFFF
Koyu tonlar
- 8449DE
- 703DBE
- 5D319E
- 4A2680
- 381C63
- 271148
- 17082E
- 080216
- 010003
Gri tonlar
- 965DF3
- 9363E6
- 9069DA
- 8D6ECD
- 8B72C1
- 8876B4
- 8679A8
- 847C9B
- 827E8E
Renk uyumları
Tamamlayıcı +180°
- 9955FF
Irrigo Purple
- 808F00
≈ Foggy Bog
Analog -30° +30°
- 9955FF
Irrigo Purple
- 4E78FF
≈ Lightish Blue
- CA3ACD
≈ Steel Pink
Üçlü +120° +240°
- 9955FF
Irrigo Purple
- C66900
≈ Sludge
- 009B84
≈ Reptilian Green
Bölünmüş tamamlayıcı +150° +210°
- 9955FF
Irrigo Purple
- A57F00
≈ Brazen
- 00A13B
≈ Link Green
Dörtlü +90° +180° +270°
- 9955FF
Irrigo Purple
- F41F25
≈ Bloodmyst Isle
- 808F00
≈ Foggy Bog
- 0096A5
≈ Tile Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.11:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 5.09:1 · APCA Lc 34
En iyi metin rengi: #000000
WCAG 5.09:1 (AA) · APCA Lc 34
Contrast pairs
Kod parçacıkları
CSS
:root {
--irrigo-purple: #9955ff;
--irrigo-purple-rgb: 153 85 255;
--irrigo-purple-oklch: oklch(0.617 0.239 297.2);
}
.element {
color: var(--irrigo-purple);
background-color: hsl(264 100% 67%);
border-color: oklch(0.617 0.239 297.2);
}Tailwind CSS v4
@theme {
--color-irrigo-purple: #9955ff;
--color-irrigo-purple-50: #fee7ff;
--color-irrigo-purple-100: #f3d6ff;
--color-irrigo-purple-200: #e3bcff;
--color-irrigo-purple-300: #ca97ff;
--color-irrigo-purple-400: #b175ff;
--color-irrigo-purple-500: #9d4cff;
--color-irrigo-purple-600: #8442e2;
--color-irrigo-purple-700: #6a35b6;
--color-irrigo-purple-800: #4c268a;
--color-irrigo-purple-900: #341a62;
--color-irrigo-purple-950: #200843;
}SCSS
$irrigo-purple: #9955ff;
$irrigo-purple-rgb: 153, 85, 255;
$irrigo-purple-light: mix(#fff, $irrigo-purple, 20%);
$irrigo-purple-dark: mix(#000, $irrigo-purple, 20%);
.element {
color: $irrigo-purple;
box-shadow: 0 0 0 2px rgba($irrigo-purple, 0.35);
}