Light Salmon Complementary Color Scheme
Five colors arranged by the complementary rule around Light Salmon (#FFA07A), each snapped to its nearest named color.
#FFA07A
#FCE2D7
#76D6FF
#37C4FA
#E0F6FB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Light Salmon | #FFA07A | 255, 160, 122 | 17°, 100%, 74% | 0, 37, 52, 0 | 79.4% 0.125 42 | |
| Tranquil Peach | #FCE2D7 | 252, 226, 215 | 18°, 86%, 92% | 0, 10, 15, 1 | 93.1% 0.032 44 | |
| Sky | #76D6FF | 118, 214, 255 | 198°, 100%, 73% | 54, 16, 0, 0 | 83.2% 0.107 228 | |
| Shovel Knight | #37C4FA | 55, 196, 250 | 197°, 95%, 60% | 78, 22, 0, 2 | 77.0% 0.138 229 | |
| Coastal Breeze | #E0F6FB | 224, 246, 251 | 191°, 77%, 93% | 11, 2, 0, 2 | 95.9% 0.024 213 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #37C4FA on #E0F6FB | 1.80:1 | — |
| Aa #FFA07A on #E0F6FB | 1.77:1 | — |
| Aa #FCE2D7 on #37C4FA | 1.63:1 | — |
| Aa #FFA07A on #FCE2D7 | 1.61:1 | — |
| Aa #76D6FF on #E0F6FB | 1.46:1 | — |
| Aa #FCE2D7 on #76D6FF | 1.32:1 | — |
CSS variables
:root {
--color-1: #ffa07a; /* Light Salmon */
--color-2: #fce2d7; /* Tranquil Peach */
--color-3: #76d6ff; /* Sky */
--color-4: #37c4fa; /* Shovel Knight */
--color-5: #e0f6fb; /* Coastal Breeze */
}Other schemes from Light Salmon
- Light Salmon Analogous Color Scheme#FF6EC7#FF7799#FFA07A#FFE07B#D4FB79
- Light Salmon Triadic Color Scheme#FFA07A#76FDA8#A675FE#FFE9E1#33EE66
- Light Salmon Split-complementary Color Scheme#FFA07A#77EEEE#6888FC#FF6633#C4FFF7
- Light Salmon Tetradic Color Scheme#FFA07A#96F97B#76D6FF#EE77FF#FFE9E1
- Light Salmon Monochromatic Color Scheme#EE4400#FF6633#FFA07A#FFD6C7#FFECE5
More light orange complementary color schemes
- 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 Light Salmon?
In a complementary scheme: Tranquil Peach (#FCE2D7), Sky (#76D6FF), Shovel Knight (#37C4FA), Coastal Breeze (#E0F6FB).
What is the hex code of Light Salmon?
#FFA07A.