Sorreno Lemon Triadic Color Scheme
Five colors arranged by the triadic rule around Sorreno Lemon (#F1D058), each snapped to its nearest named color.
#F1D058
#55FFCC
#CC55EE
#F9ECB6
#0AE9B4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Sorreno Lemon | #F1D058 | 241, 208, 88 | 47°, 85%, 65% | 0, 14, 63, 5 | 86.4% 0.142 94 | |
| Rare Wind | #55FFCC | 85, 255, 204 | 162°, 100%, 67% | 67, 0, 20, 0 | 90.0% 0.157 169 | |
| Bubblegum Baby Girl | #CC55EE | 204, 85, 238 | 287°, 82%, 63% | 14, 64, 0, 7 | 66.4% 0.235 318 | |
| Easy on the Eyes | #F9ECB6 | 249, 236, 182 | 48°, 85%, 85% | 0, 5, 27, 2 | 94.0% 0.071 96 | |
| Overchlorinated Pool | #0AE9B4 | 10, 233, 180 | 166°, 92%, 48% | 96, 0, 23, 9 | 83.0% 0.166 169 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC55EE on #F9ECB6 | 2.90:1 | — |
| Aa #55FFCC on #CC55EE | 2.71:1 | — |
| Aa #F1D058 on #CC55EE | 2.28:1 | — |
| Aa #CC55EE on #0AE9B4 | 2.18:1 | — |
| Aa #F9ECB6 on #0AE9B4 | 1.33:1 | — |
| Aa #F1D058 on #F9ECB6 | 1.27:1 | — |
CSS variables
:root {
--color-1: #f1d058; /* Sorreno Lemon */
--color-2: #55ffcc; /* Rare Wind */
--color-3: #cc55ee; /* Bubblegum Baby Girl */
--color-4: #f9ecb6; /* Easy on the Eyes */
--color-5: #0ae9b4; /* Overchlorinated Pool */
}Other schemes from Sorreno Lemon
- Sorreno Lemon Complementary Color Scheme#F1D058#FAE8AB#5577EE#0044EE#AACCFF
- Sorreno Lemon Analogous Color Scheme#EE5577#F38554#F1D058#D1F358#70F15E
- Sorreno Lemon Split-complementary Color Scheme#F1D058#4EC0ED#8756E4#ECBC14#9BDDFF
- Sorreno Lemon Tetradic Color Scheme#F1D058#58F898#5577EE#EE55CC#F9ECB6
- Sorreno Lemon Monochromatic Color Scheme#AB8508#ECBC14#F1D058#F9E69C#FFF8E4
More light yellow triadic color schemes
- Alligator Alley Triadic Color Scheme#C5D17B#76C4D1#CC77CC#E9EAC8#53B1BA
- Ancient Treasure Triadic Color Scheme#E7D082#87E0CF#CB82E3#F8F0D8#55CCBB
- Animal Kingdom Triadic Color Scheme#BCC09E#9BBCC3#CC99BB#E9EADB#6C9DA9
- Anna Banana Triadic Color Scheme#F5D547#4EFFCD#D94FF5#FBE8A8#0AE9B4
- April Showers Triadic Color Scheme#DADEB5#B7DADD#DEB7D9#F6F7ED#85C1C4
- Ash Triadic Color Scheme#BEBAA7#9CC2BF#BB9ECA#EDE9DF#72A49F
- Aurora Triadic Color Scheme#EBD147#40E0D0#DC41F1#F4E7A5#11CCBB
- Banana Triadic Color Scheme#FFFC79#73FDFF#FF77FF#FFFEDF#33FFFF
- Banana Drama Triadic Color Scheme#F1D548#4EFFCD#D94FF5#FBE8A8#04D8B2
- Banana Frappé Triadic Color Scheme#DDD5B6#B4DCD3#CEBADA#F7F5ED#81C3B4
- Beekeeper Triadic Color Scheme#F6E491#89F5E3#EE99EE#FFF9E7#4EFFCD
- Beige Triadic Color Scheme#E6DAA6#A0E5D9#DDAAEE#FAF7EB#66D0C0
Questions
What colors go with Sorreno Lemon?
In a triadic scheme: Rare Wind (#55FFCC), Bubblegum Baby Girl (#CC55EE), Easy on the Eyes (#F9ECB6), Overchlorinated Pool (#0AE9B4).
What is the hex code of Sorreno Lemon?
#F1D058.