Sponsor / Advertisement Space (728x90 / Responsive)
Developer-targeted tools & web design resources
WCAG AA: Pass
👁️
Simulating: Protanopia
#4F46E5
rgb(79, 70, 229)
👁️
Vision Mode:
R
G
B
Tints & Shades (Lightness 10% - 90%)
Color Harmonies
Instant CSS Formats
Click card to copy
HEX
#4F46E5
RGBA
rgba(79, 70, 229, 1.0)
HSLA
hsla(243, 76%, 59%, 1.0)
CSS Variable
--color-primary: #4F46E5;
Tailwind Config
'primary': '#4F46E5'
WCAG 2.1 Contrast Ratio
On White (#FFF)
5.8:1
AA: Pass
AAA: Pass
On Black (#000)
3.6:1
AA: Fail
Large: Pass
Sample Preview Text (White) •
Sample Preview Text (Black)
👁️
Mode: Normal
Color Blindness Simulator
Simulate color vision deficiency (CVD) perception on the current color swatch to guarantee accessibility for color-blind users.
Recent Colors
Saved Palette
Curated Theme Kits