№5 Tetradic Color Scheme
Five colors arranged by the tetradic rule around №5 (#F8D68B), each snapped to its nearest named color.
#F8D68B
#8CFF9E
#8AADF7
#F984E5
#FFF7E7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| №5 | #F8D68B | 248, 214, 139 | 41°, 89%, 76% | 0, 14, 44, 3 | |
| Baby Green | #8CFF9E | 140, 255, 158 | 129°, 100%, 77% | 45, 0, 38, 0 | |
| Kitten’s Eye | #8AADF7 | 138, 173, 247 | 221°, 87%, 75% | 44, 30, 0, 3 | |
| Splash of Grenadine | #F984E5 | 249, 132, 229 | 310°, 91%, 75% | 0, 47, 8, 2 | |
| Sheer Peach | #FFF7E7 | 255, 247, 231 | 40°, 100%, 95% | 0, 3, 9, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8AADF7 on #FFF7E7 | 2.10:1 | — |
| Aa #F984E5 on #FFF7E7 | 2.08:1 | — |
| Aa #8CFF9E on #8AADF7 | 1.80:1 | — |
| Aa #8CFF9E on #F984E5 | 1.79:1 | — |
| Aa #F8D68B on #8AADF7 | 1.59:1 | — |
| Aa #F8D68B on #F984E5 | 1.58:1 | — |
CSS variables
:root {
--color-1: #f8d68b; /* №5 */
--color-2: #8cff9e; /* Baby Green */
--color-3: #8aadf7; /* Kitten’s Eye */
--color-4: #f984e5; /* Splash of Grenadine */
--color-5: #fff7e7; /* Sheer Peach */
}Other schemes from №5
- №5 Complementary Color Scheme#F8D68B#FCF4E2#8AADF7#4E7FFF#E8EEFE
- №5 Analogous Color Scheme#FC89AC#F39D8D#F8D68B#E8F48C#B1FC99
- №5 Triadic Color Scheme#F8D68B#8CFFDB#CC88FF#FFF7E7#55FFAA
- №5 Split-complementary Color Scheme#F8D68B#88EEFF#8B88F8#F7BF43#D4F1F9
- №5 Monochromatic Color Scheme#DD9911#F7BF43#F8D68B#FDEFD3#FFF7E7
More Light Orange tetradic palettes
- 24 Karat Tetradic Color Scheme#DFC685#8FD89F#8B98D8#DA93C1#F4ECD7
- 3AM Latte Tetradic Color Scheme#C0A98E#96C193#8FA6C1#C189BC#E4DBCE
- Ancestral Gold Tetradic Color Scheme#DDCDA6#AADEB2#A6BADF#DAA6CF#F7F5ED
- Angry Pasta Tetradic Color Scheme#FFCC55#4CFF7B#5588FF#FE4EDA#FDEBBC
- Anise Biscotti Tetradic Color Scheme#E5D5AE#B4E1BB#ADBAE3#E6AED3#F7F5EC
- Another One Bites the Dust Tetradic Color Scheme#C7BBA4#A1C4A8#A5B2C7#C2A4C2#EEEAE2
- Apricot Tetradic Color Scheme#FFB16D#77FF66#75BBFD#FE6FFF#FFE7D5
- Apricotta Tetradic Color Scheme#D8A48F#98D98E#8CC1D6#C687D6#F3E0DB
- Artisans Gold Tetradic Color Scheme#F2AB46#4EFD54#4488EE#E047E1#FAD6A5
- Ashes to Ashes Tetradic Color Scheme#BBB3A2#9FC5AA#9EA5C3#CA99B7#EAE4DA
- Atomic Tangerine Tetradic Color Scheme#FF9966#9AF764#66CCFF#EE66FF#FFDDCC
- Attic Linen Tetradic Color Scheme#CCBCA9#A9CEAA#AABBCC#C9A8CE#F1EEE8
Questions
What colors go with №5?
In a tetradic scheme: Baby Green (#8CFF9E), Kitten’s Eye (#8AADF7), Splash of Grenadine (#F984E5), Sheer Peach (#FFF7E7).
What is the hex code of №5?
#F8D68B.