Hot Pink in OKLCH
Hot Pink is the bright, playful CSS named color #FF69B4. Here it is in OKLCH, RGB and as a full tonal palette you can copy or tweak below. 100% in your browser - copy the values or a Tailwind v4 export.
About hot pink
Hot Pink is a loud, high-energy pink that grabs attention, which is exactly why it shows up in bold, youthful and playful branding. It is very saturated, so keep an eye on the gamut badge: some steps sit in Display-P3 rather than sRGB. Fix the hue and vary lightness for a soft-to-vivid pink scale, then copy the OKLCH, HEX or RGB value you need.
Hot Pink in CSS: oklch(72.8% 0.197 352.0) · #ff69b4 · rgb(255 105 180)
Frequently Asked Questions
Hot pink is rgb(255, 105, 180). The RGB, HEX (#FF69B4) and OKLCH values are all shown in the readouts above and can be copied individually.
Hot pink is lighter and a little less blue than magenta (#FF00FF). In OKLCH that shows as a higher lightness and a hue a few degrees away from pure magenta.
Other colors in OKLCH
From the blog
APCA vs. WCAG: Navigating Color Contrast and Accessibility in 2026
Understand the mathematical differences between WCAG 2.2 and APCA contrast algorithms, and how to stay legally compliant while building beautiful UI.
Read →tutorialMigrating to Tailwind v4: How to Configure Custom OKLCH Color Themes
Learn how to move from Tailwind v3 to v4, replace tailwind.config.js with the new @theme directive, and build modern OKLCH color palettes.
Read →colorThe Science of Wide-Gamut Web Colors and Gamut Mapping
Discover why legacy HEX colors limit your design to sRGB, how modern Display-P3 screens work, and what browser chroma reduction means for your UI.
Read →