Fish Boy Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Fish Boy (#11DDDD), each snapped to its nearest named color.
#11DDDD
#CC1177
#DD7711
#0D9494
#E84998
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fish Boy | #11DDDD | 17, 221, 221 | 180°, 86%, 47% | 92, 0, 0, 13 | |
| Crazy Ex | #CC1177 | 204, 17, 119 | 327°, 85%, 43% | 0, 92, 42, 20 | |
| Manticore Wing | #DD7711 | 221, 119, 17 | 30°, 86%, 47% | 0, 46, 92, 13 | |
| Atrovirens | #0D9494 | 13, 148, 148 | 180°, 84%, 32% | 91, 0, 0, 42 | |
| Schiaparelli Pink | #E84998 | 232, 73, 152 | 330°, 78%, 60% | 0, 69, 34, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #11DDDD on #CC1177 | 3.17:1 | AA large |
| Aa #11DDDD on #0D9494 | 2.18:1 | — |
| Aa #11DDDD on #E84998 | 2.13:1 | — |
| Aa #11DDDD on #DD7711 | 1.85:1 | — |
| Aa #CC1177 on #DD7711 | 1.72:1 | — |
| Aa #CC1177 on #E84998 | 1.49:1 | — |
CSS variables
:root {
--color-1: #11dddd; /* Fish Boy */
--color-2: #cc1177; /* Crazy Ex */
--color-3: #dd7711; /* Manticore Wing */
--color-4: #0d9494; /* Atrovirens */
--color-5: #e84998; /* Schiaparelli Pink */
}Other schemes from Fish Boy
- Fish Boy Complementary Color Scheme#11DDDD#56F7F3#DD1111#990C0D#F36363
- Fish Boy Analogous Color Scheme#0ADD08#0CDC73#11DDDD#1974D2#0011DD
- Fish Boy Triadic Color Scheme#11DDDD#DD11DD#DDDD11#66EEEE#991199
- Fish Boy Tetradic Color Scheme#11DDDD#7711DD#DD1111#66DD00#66EEEE
- Fish Boy Monochromatic Color Scheme#014D4E#0D9494#11DDDD#56F7F3#8AF1FE
More Medium Teal split-complementary palettes
- Aggressive Aqua Split-complementary Color Scheme#00FBFF#FF007E#FF8400#01B1AF#FE54A3
- Ambrosial Oceanside Split-complementary Color Scheme#47AE9C#AA4488#AF6649#31796D#C677A8
- Aphrodite Aqua Split-complementary Color Scheme#45E9C1#F246A7#EC7042#00CC99#F092D6
- Aqua Split-complementary Color Scheme#0FF0FE#FF1177#FF9613#06B1C4#FF55A3
- Aquamarine Split-complementary Color Scheme#2EE8BB#E936A7#E95E2A#1DB394#FF6EC7
- Aquarius Split-complementary Color Scheme#2DB0CE#CC3366#CD9C2B#1B7D8D#DA6D91
- Arctic Split-complementary Color Scheme#648589#915870#937B56#3A6364#B48395
- Arctic Water Split-complementary Color Scheme#00FCFC#FF007E#FF7E00#01B1AF#FE46A5
- Atlas Cedar Split-complementary Color Scheme#5CA0A7#AD5B78#AA895D#417074#C28BA1
- Blue Bikini Split-complementary Color Scheme#00BBEE#EE0044#EEAA00#007FA2#FF3F6A
- Blue Bobbin Split-complementary Color Scheme#52B4CA#C85179#C5A253#30949D#DC89A8
- Blue Martini Split-complementary Color Scheme#52B4D3#CF5570#CFB352#338DAE#E78EA5
Questions
What colors go with Fish Boy?
In a split-complementary scheme: Crazy Ex (#CC1177), Manticore Wing (#DD7711), Atrovirens (#0D9494), Schiaparelli Pink (#E84998).
What is the hex code of Fish Boy?
#11DDDD.