Dragon Ball Complementary Color Scheme
Five colors arranged by the complementary rule around Dragon Ball (#FF9922), each snapped to its nearest named color.
#FF9922
#FBC17B
#2188FF
#0066CC
#88BBFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dragon Ball | #FF9922 | 255, 153, 34 | 32°, 100%, 57% | 0, 40, 87, 0 | |
| Zing | #FBC17B | 251, 193, 123 | 33°, 94%, 73% | 0, 23, 51, 2 | |
| Pool Water | #2188FF | 33, 136, 255 | 212°, 100%, 56% | 87, 47, 0, 0 | |
| Royal Navy Blue | #0066CC | 0, 102, 204 | 210°, 100%, 40% | 100, 50, 0, 20 | |
| Scenic Water | #88BBFF | 136, 187, 255 | 214°, 100%, 77% | 47, 27, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FBC17B on #0066CC | 3.45:1 | AA large |
| Aa #0066CC on #88BBFF | 2.81:1 | — |
| Aa #FF9922 on #0066CC | 2.61:1 | — |
| Aa #FBC17B on #2188FF | 2.16:1 | — |
| Aa #2188FF on #88BBFF | 1.76:1 | — |
| Aa #FF9922 on #2188FF | 1.63:1 | — |
CSS variables
:root {
--color-1: #ff9922; /* Dragon Ball */
--color-2: #fbc17b; /* Zing */
--color-3: #2188ff; /* Pool Water */
--color-4: #0066cc; /* Royal Navy Blue */
--color-5: #88bbff; /* Scenic Water */
}Other schemes from Dragon Ball
- Dragon Ball Analogous Color Scheme#FF2288#FF2222#FF9922#F2FF26#88FF22
- Dragon Ball Triadic Color Scheme#FF9922#36FF9A#8020FF#FFC985#00D973
- Dragon Ball Split-complementary Color Scheme#FF9922#26F7FD#3A2EFE#CC7700#73FDFF
- Dragon Ball Tetradic Color Scheme#FF9922#25FF29#2188FF#FF22EE#FFC985
- Dragon Ball Monochromatic Color Scheme#884400#CC7700#FF9922#FFBA6F#FFE2BD
More Medium Orange complementary palettes
- 24 Carrot Complementary Color Scheme#E56E24#F1A177#2196F3#126DA8#7BC8F6
- À l’Orange Complementary Color Scheme#F2850D#F6B064#0D75F8#0853A7#77B5FE
- Acorn Complementary Color Scheme#7F5E50#B08A7D#506E82#2F484E#85A3B2
- Amaretto Sour Complementary Color Scheme#C09856#D9C09C#507BCE#3B5B92#A2BADB
- Amber Complementary Color Scheme#FFBF00#FED85D#0044FF#0033BB#6688FF
- Apocalyptic Orange Complementary Color Scheme#F4711E#FAAB77#17A9E5#0777BC#7BC8F6
- Arancio Complementary Color Scheme#FF7013#FEA871#00AAFF#0079C1#77CCFF
- Argan Oil Complementary Color Scheme#9D6646#C4957A#427C9D#2D5367#82ACC4
- Arrakis Spice Complementary Color Scheme#BB8246#D1B088#477BBD#315886#92B6D5
- Arrowwood Complementary Color Scheme#B3861E#E0B44D#1151B4#13336F#5577EE
- Atomic Orange Complementary Color Scheme#F88605#FFB05F#0078F8#0055AA#77AAFF
- Autumnal Complementary Color Scheme#AD5928#DB8959#2B7CAF#1D5671#65B4D8
Questions
What colors go with Dragon Ball?
In a complementary scheme: Zing (#FBC17B), Pool Water (#2188FF), Royal Navy Blue (#0066CC), Scenic Water (#88BBFF).
What is the hex code of Dragon Ball?
#FF9922.