Pani Puri Complementary Color Scheme
Five colors arranged by the complementary rule around Pani Puri (#F4AA53), each snapped to its nearest named color.
#F4AA53
#FBD5A6
#5097FC
#056EEE
#B1D1FC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pani Puri | #F4AA53 | 244, 170, 83 | 32°, 88%, 64% | 0, 30, 66, 4 | |
| Tuscan | #FBD5A6 | 251, 213, 166 | 33°, 91%, 82% | 0, 15, 34, 2 | |
| Polar Glow | #5097FC | 80, 151, 252 | 215°, 97%, 65% | 68, 40, 0, 1 | |
| Níu Zǎi Sè Denim | #056EEE | 5, 110, 238 | 213°, 96%, 48% | 98, 54, 0, 7 | |
| Ice Cold Stare | #B1D1FC | 177, 209, 252 | 214°, 93%, 84% | 30, 17, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FBD5A6 on #056EEE | 3.39:1 | AA large |
| Aa #056EEE on #B1D1FC | 3.00:1 | — |
| Aa #F4AA53 on #056EEE | 2.40:1 | — |
| Aa #FBD5A6 on #5097FC | 2.11:1 | — |
| Aa #5097FC on #B1D1FC | 1.87:1 | — |
| Aa #5097FC on #056EEE | 1.60:1 | — |
CSS variables
:root {
--color-1: #f4aa53; /* Pani Puri */
--color-2: #fbd5a6; /* Tuscan */
--color-3: #5097fc; /* Polar Glow */
--color-4: #056eee; /* Níu Zǎi Sè Denim */
--color-5: #b1d1fc; /* Ice Cold Stare */
}Other schemes from Pani Puri
- Pani Puri Analogous Color Scheme#F85898#F35B53#F4AA53#F1F458#9CEF43
- Pani Puri Triadic Color Scheme#F4AA53#56FCA2#AA55EE#FAD7B3#04F489
- Pani Puri Split-complementary Color Scheme#F4AA53#56F7F3#524EFB#EE8811#98EFF9
- Pani Puri Tetradic Color Scheme#F4AA53#53FE5C#5097FC#EE55EE#FAD7B3
- Pani Puri Monochromatic Color Scheme#A75E09#EE8811#F4AA53#F9D09C#FFF0E3
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
Questions
What colors go with Pani Puri?
In a complementary scheme: Tuscan (#FBD5A6), Polar Glow (#5097FC), Níu Zǎi Sè Denim (#056EEE), Ice Cold Stare (#B1D1FC).
What is the hex code of Pani Puri?
#F4AA53.