Hot Pink (CSS) Triadic Color Scheme
Five colors arranged by the triadic rule around Hot Pink (CSS) (#FF69B4), each snapped to its nearest named color.
#FF69B4
#B1FF65
#77B5FE
#FBCCE7
#88FF11
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Hot Pink (CSS) | #FF69B4 | 255, 105, 180 | 330°, 100%, 71% | 0, 59, 29, 0 | 72.8% 0.197 352 | |
| Pale Lime Green | #B1FF65 | 177, 255, 101 | 90°, 100%, 70% | 31, 0, 60, 0 | 91.9% 0.200 132 | |
| French Sky Blue | #77B5FE | 119, 181, 254 | 212°, 99%, 73% | 53, 29, 0, 0 | 76.1% 0.124 253 | |
| Classic Rose | #FBCCE7 | 251, 204, 231 | 326°, 85%, 89% | 0, 19, 8, 2 | 89.4% 0.063 343 | |
| Lethal Lime | #88FF11 | 136, 255, 17 | 90°, 100%, 53% | 47, 0, 93, 0 | 89.4% 0.259 135 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF69B4 on #B1FF65 | 2.19:1 | — |
| Aa #FF69B4 on #88FF11 | 2.06:1 | — |
| Aa #FF69B4 on #FBCCE7 | 1.88:1 | — |
| Aa #B1FF65 on #77B5FE | 1.77:1 | — |
| Aa #77B5FE on #88FF11 | 1.67:1 | — |
| Aa #77B5FE on #FBCCE7 | 1.52:1 | — |
CSS variables
:root {
--color-1: #ff69b4; /* Hot Pink (CSS) */
--color-2: #b1ff65; /* Pale Lime Green */
--color-3: #77b5fe; /* French Sky Blue */
--color-4: #fbcce7; /* Classic Rose */
--color-5: #88ff11; /* Lethal Lime */
}Other schemes from Hot Pink (CSS)
- Hot Pink (CSS) Complementary Color Scheme#FF69B4#FDC5E3#6BFFB3#04F489#CCFFEE
- Hot Pink (CSS) Analogous Color Scheme#AA66FF#FF66FF#FF69B4#FF6666#FFB769
- Hot Pink (CSS) Split-complementary Color Scheme#FF69B4#66FF66#65FFFF#FA1A8E#B6FFBB
- Hot Pink (CSS) Tetradic Color Scheme#FF69B4#FFFF69#6BFFB3#6666FF#FBCCE7
- Hot Pink (CSS) Monochromatic Color Scheme#CC0066#FA1A8E#FF69B4#FFB3DE#FFE6F1
More light pink triadic color schemes
- Always Rosey Triadic Color Scheme#E79DB3#BBEE99#9BB8E2#F8EAED#8DCE65
- Atomic Pink Triadic Color Scheme#FB7EFD#FEFC7E#7DF9FF#FFE0F5#FAFA37
- Avant-Garde Pink Triadic Color Scheme#FF77EE#F8FF73#6DEDFD#FFDDFF#E8FF2A
- Barbiecore Triadic Color Scheme#E15ACB#D9E650#4EC0ED#EDABE6#ACC729
- Blush d’Amour Triadic Color Scheme#DE5D83#88DD55#5588DD#EDB2C4#58D332
- Blushing Sky Triadic Color Scheme#D9B1D6#D9D9B1#AFD5D8#F8EEF4#BDC07E
- Bubblegum Triadic Color Scheme#FF85FF#FFFF84#88FFFF#FFEBFE#FDFF38
- Bubblegum Beam Triadic Color Scheme#F887C7#C0FA8B#82CAFC#FFE8F4#A7F432
- Bubblegum Kisses Triadic Color Scheme#F092D6#D8F19C#92D2ED#FEE8F5#B2EC5D
- Candy Floss Triadic Color Scheme#E8A7E2#E4E8A7#A3E3ED#FCEBFA#C6D86B
- Candy Pink Triadic Color Scheme#FF63E9#F1FF62#6DEDFD#FCCCF5#DFFF11
- Classy Mauve Triadic Color Scheme#BB99AA#ACBF93#91ABBE#E8D5DD#85A16A
Questions
What colors go with Hot Pink (CSS)?
In a triadic scheme: Pale Lime Green (#B1FF65), French Sky Blue (#77B5FE), Classic Rose (#FBCCE7), Lethal Lime (#88FF11).
What is the hex code of Hot Pink (CSS)?
#FF69B4.