№5 Triadic Color Scheme
Five colors arranged by the triadic rule around №5 (#F8D68B), each snapped to its nearest named color.
#F8D68B
#8CFFDB
#CC88FF
#FFF7E7
#55FFAA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| №5 | #F8D68B | 248, 214, 139 | 41°, 89%, 76% | 0, 14, 44, 3 | |
| Roller Derby | #8CFFDB | 140, 255, 219 | 161°, 100%, 77% | 45, 0, 14, 0 | |
| Crash Pink | #CC88FF | 204, 136, 255 | 274°, 100%, 77% | 20, 47, 0, 0 | |
| Sheer Peach | #FFF7E7 | 255, 247, 231 | 40°, 100%, 95% | 0, 3, 9, 0 | |
| Hanuman Green | #55FFAA | 85, 255, 170 | 150°, 100%, 67% | 67, 0, 33, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC88FF on #FFF7E7 | 2.31:1 | — |
| Aa #8CFFDB on #CC88FF | 2.04:1 | — |
| Aa #CC88FF on #55FFAA | 1.91:1 | — |
| Aa #F8D68B on #CC88FF | 1.76:1 | — |
| Aa #F8D68B on #FFF7E7 | 1.32:1 | — |
| Aa #FFF7E7 on #55FFAA | 1.21:1 | — |
CSS variables
:root {
--color-1: #f8d68b; /* №5 */
--color-2: #8cffdb; /* Roller Derby */
--color-3: #cc88ff; /* Crash Pink */
--color-4: #fff7e7; /* Sheer Peach */
--color-5: #55ffaa; /* Hanuman Green */
}Other schemes from №5
- №5 Complementary Color Scheme#F8D68B#FCF4E2#8AADF7#4E7FFF#E8EEFE
- №5 Analogous Color Scheme#FC89AC#F39D8D#F8D68B#E8F48C#B1FC99
- №5 Split-complementary Color Scheme#F8D68B#88EEFF#8B88F8#F7BF43#D4F1F9
- №5 Tetradic Color Scheme#F8D68B#8CFF9E#8AADF7#F984E5#FFF7E7
- №5 Monochromatic Color Scheme#DD9911#F7BF43#F8D68B#FDEFD3#FFF7E7
More Light Orange triadic palettes
- 24 Karat Triadic Color Scheme#DFC685#88DDCC#CC88DD#F4ECD7#45CEA2
- 3AM Latte Triadic Color Scheme#C0A98E#8DC2A8#A590C0#E4DBCE#5EAB81
- Ancestral Gold Triadic Color Scheme#DDCDA6#AADCCD#CDA5DF#F7F5ED#6EC2B0
- Angry Pasta Triadic Color Scheme#FFCC55#55FFCC#CC55FF#FDEBBC#00FFBB
- Anise Biscotti Triadic Color Scheme#E5D5AE#AFE3D6#D6B7E2#F7F5EC#78D1B6
- Another One Bites the Dust Triadic Color Scheme#C7BBA4#A0C4BE#B8A4C8#EEEAE2#75AA94
- Apricot Triadic Color Scheme#FFB16D#6BFFB3#B36FF6#FFE7D5#20F986
- Apricotta Triadic Color Scheme#D8A48F#8CD9A1#AA8ED6#F3E0DB#54C571
- Artisans Gold Triadic Color Scheme#F2AB46#53FCA1#AB46EC#FAD6A5#19CC89
- Ashes to Ashes Triadic Color Scheme#BBB3A2#9BC2B4#B598C3#EAE4DA#6DA493
- Atomic Tangerine Triadic Color Scheme#FF9966#64E986#8866FF#FFDDCC#1EF876
- Attic Linen Triadic Color Scheme#CCBCA9#AACCBB#BCACCD#F1EEE8#7DAF94
Questions
What colors go with №5?
In a triadic scheme: Roller Derby (#8CFFDB), Crash Pink (#CC88FF), Sheer Peach (#FFF7E7), Hanuman Green (#55FFAA).
What is the hex code of №5?
#F8D68B.