Forget-Me-Not Complementary Color Scheme
Five colors arranged by the complementary rule around Forget-Me-Not (#0087BD), each snapped to its nearest named color.
#0087BD
#16B8F3
#BB3300
#742100
#FF6622
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Forget-Me-Not | #0087BD | 0, 135, 189 | 197°, 100%, 37% | 100, 29, 0, 26 | |
| Zima Blue | #16B8F3 | 22, 184, 243 | 196°, 90%, 52% | 91, 24, 0, 5 | |
| Dropped Brick | #BB3300 | 187, 51, 0 | 16°, 100%, 37% | 0, 73, 100, 27 | |
| Burning Steppes | #742100 | 116, 33, 0 | 17°, 100%, 23% | 0, 72, 100, 55 | |
| Sparrow’s Fire | #FF6622 | 255, 102, 34 | 18°, 100%, 57% | 0, 60, 87, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #16B8F3 on #742100 | 4.69:1 | AA |
| Aa #742100 on #FF6622 | 3.66:1 | AA large |
| Aa #0087BD on #742100 | 2.65:1 | — |
| Aa #16B8F3 on #BB3300 | 2.56:1 | — |
| Aa #BB3300 on #FF6622 | 2.00:1 | — |
| Aa #BB3300 on #742100 | 1.83:1 | — |
CSS variables
:root {
--color-1: #0087bd; /* Forget-Me-Not */
--color-2: #16b8f3; /* Zima Blue */
--color-3: #bb3300; /* Dropped Brick */
--color-4: #742100; /* Burning Steppes */
--color-5: #ff6622; /* Sparrow’s Fire */
}Other schemes from Forget-Me-Not
- Forget-Me-Not Analogous Color Scheme#00BB33#00BB88#0087BD#0022BB#3300AA
- Forget-Me-Not Triadic Color Scheme#0087BD#BB0088#88BB00#37C4FA#720058
- Forget-Me-Not Split-complementary Color Scheme#0087BD#BC002C#B79400#005171#FF073A
- Forget-Me-Not Tetradic Color Scheme#0087BD#8601BF#BB3300#22BB00#37C4FA
- Forget-Me-Not Monochromatic Color Scheme#041723#005171#0087BD#00BBFF#4CD5FF
More Dark Blue complementary palettes
- 20000 Leagues Under the Sea Complementary Color Scheme#191970#2425B9#706C11#36310D#CCCB2F
- 3AM in Shibuya Complementary Color Scheme#225577#3887BD#704822#332211#C6723B
- Abyssal Complementary Color Scheme#404C57#5C7B97#5C4939#2E211B#9E7C5E
- Aegean Blue Complementary Color Scheme#1B416F#2C6FBB#72491E#302010#C57F2E
- Alone in the Dark Complementary Color Scheme#000066#0000CC#666600#1F180A#CCCC00
- Assassin Complementary Color Scheme#2D4F83#417DC1#856829#513116#C39953
- Astral Complementary Color Scheme#376F89#58A0BC#8B5134#553322#C08768
- Atlantic Navy Complementary Color Scheme#13336F#2A52BE#734A12#302010#CC8822
- Atlantis Complementary Color Scheme#336172#4E9AB0#6F4232#3C241B#B37256
- Below the Surface Complementary Color Scheme#0A2F7C#0052CC#7A560E#332200#DD9911
- Beyond the Sea Complementary Color Scheme#005784#0099EE#883300#331100#ED4B00
- Black Market Complementary Color Scheme#222244#484A80#464826#16110D#888844
Questions
What colors go with Forget-Me-Not?
In a complementary scheme: Zima Blue (#16B8F3), Dropped Brick (#BB3300), Burning Steppes (#742100), Sparrow’s Fire (#FF6622).
What is the hex code of Forget-Me-Not?
#0087BD.