Chickadee Complementary Color Scheme
Five colors arranged by the complementary rule around Chickadee (#FFCF65), each snapped to its nearest named color.
#FFCF65
#FFECC2
#6688FF
#1560FB
#CCDDFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Chickadee | #FFCF65 | 255, 207, 101 | 41°, 100%, 70% | 0, 19, 60, 0 | |
| Urnebes Beige | #FFECC2 | 255, 236, 194 | 41°, 100%, 88% | 0, 7, 24, 0 | |
| Deep Denim | #6688FF | 102, 136, 255 | 227°, 100%, 70% | 60, 47, 0, 0 | |
| Kyanite | #1560FB | 21, 96, 251 | 220°, 97%, 53% | 92, 62, 0, 2 | |
| Arc Light | #CCDDFF | 204, 221, 255 | 220°, 100%, 90% | 20, 13, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFECC2 on #1560FB | 4.40:1 | AA large |
| Aa #1560FB on #CCDDFF | 3.75:1 | AA large |
| Aa #FFCF65 on #1560FB | 3.51:1 | AA large |
| Aa #FFECC2 on #6688FF | 2.76:1 | — |
| Aa #6688FF on #CCDDFF | 2.35:1 | — |
| Aa #FFCF65 on #6688FF | 2.20:1 | — |
CSS variables
:root {
--color-1: #ffcf65; /* Chickadee */
--color-2: #ffecc2; /* Urnebes Beige */
--color-3: #6688ff; /* Deep Denim */
--color-4: #1560fb; /* Kyanite */
--color-5: #ccddff; /* Arc Light */
}Other schemes from Chickadee
- Chickadee Analogous Color Scheme#F56991#FF8866#FFCF65#F1FF62#9AF764
- Chickadee Triadic Color Scheme#FFCF65#73FCD6#C760FF#FFEFCB#11FFBB
- Chickadee Split-complementary Color Scheme#FFCF65#6DEDFD#8866FF#FFB81B#B9F2FF
- Chickadee Tetradic Color Scheme#FFCF65#64E986#6688FF#FF63E9#FFEFCB
- Chickadee Monochromatic Color Scheme#CB8E00#FFB81B#FFCF65#FFE6B3#FFF8E4
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
Questions
What colors go with Chickadee?
In a complementary scheme: Urnebes Beige (#FFECC2), Deep Denim (#6688FF), Kyanite (#1560FB), Arc Light (#CCDDFF).
What is the hex code of Chickadee?
#FFCF65.