命名颜色 · #9955FF
Irrigo Purple
Irrigo Purple 即 #9955FF：rgb(153 85 255)、hsl(264 100% 67%)、oklch(0.617 0.239 297.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Purple mean? → · Irrigo Purple color name →
#9955FF
oklch(0.617 0.239 297.2)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- A26AFF
- AB7DFF
- B58EFF
- BE9FFF
- C9B0FF
- D3C0FF
- DED0FF
- E9E0FF
- F4EFFF
深色调
- 8449DE
- 703DBE
- 5D319E
- 4A2680
- 381C63
- 271148
- 17082E
- 080216
- 010003
灰色调
- 965DF3
- 9363E6
- 9069DA
- 8D6ECD
- 8B72C1
- 8876B4
- 8679A8
- 847C9B
- 827E8E
配色和谐
互补色 +180°
- 9955FF
Irrigo Purple
- 808F00
≈ Foggy Bog
类似色 -30° +30°
- 9955FF
Irrigo Purple
- 4E78FF
≈ Lightish Blue
- CA3ACD
≈ Steel Pink
三角配色 +120° +240°
- 9955FF
Irrigo Purple
- C66900
≈ Sludge
- 009B84
≈ Reptilian Green
分裂互补色 +150° +210°
- 9955FF
Irrigo Purple
- A57F00
≈ Brazen
- 00A13B
≈ Link Green
四角配色 +90° +180° +270°
- 9955FF
Irrigo Purple
- F41F25
≈ Bloodmyst Isle
- 808F00
≈ Foggy Bog
- 0096A5
≈ Tile Blue
对比度与无障碍
Ag
Fail白底
WCAG 4.11:1 · APCA Lc 68
Ag
AA黑底
WCAG 5.09:1 · APCA Lc 34
最佳文字颜色: #000000
WCAG 5.09:1 (AA) · APCA Lc 34
Contrast pairs
代码片段
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);
}