Dragon Ball Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Dragon Ball (#FF9922), each snapped to its nearest named color.
#884400
#CC7700
#FF9922
#FFBA6F
#FFE2BD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Chocolate Pancakes | #884400 | 136, 68, 0 | 30°, 100%, 27% | 0, 50, 100, 47 | |
| Mountain Ash | #CC7700 | 204, 119, 0 | 35°, 100%, 40% | 0, 42, 100, 20 | |
| Dragon Ball | #FF9922 | 255, 153, 34 | 32°, 100%, 57% | 0, 40, 87, 0 | |
| Yellow Warbler | #FFBA6F | 255, 186, 111 | 31°, 100%, 72% | 0, 27, 56, 0 | |
| Orange Glow | #FFE2BD | 255, 226, 189 | 34°, 100%, 87% | 0, 11, 26, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #884400 on #FFE2BD | 5.87:1 | AA |
| Aa #884400 on #FFBA6F | 4.35:1 | AA large |
| Aa #884400 on #FF9922 | 3.42:1 | AA large |
| Aa #CC7700 on #FFE2BD | 2.72:1 | — |
| Aa #884400 on #CC7700 | 2.16:1 | — |
| Aa #CC7700 on #FFBA6F | 2.01:1 | — |
CSS variables
:root {
--color-1: #884400; /* Chocolate Pancakes */
--color-2: #cc7700; /* Mountain Ash */
--color-3: #ff9922; /* Dragon Ball */
--color-4: #ffba6f; /* Yellow Warbler */
--color-5: #ffe2bd; /* Orange Glow */
}Other schemes from Dragon Ball
- Dragon Ball Complementary Color Scheme#FF9922#FBC17B#2188FF#0066CC#88BBFF
- 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
More Medium Orange monochromatic palettes
- 24 Carrot Monochromatic Color Scheme#6C2E09#AD4E1A#E56E24#ED9F6C#F1CAAD
- À l’Orange Monochromatic Color Scheme#653700#A75E09#F2850D#F4AA53#FBCD9F
- Acorn Monochromatic Color Scheme#231712#4F3A32#7F5E50#A48374#C5AEA6
- Amaretto Sour Monochromatic Color Scheme#5C4827#976F3C#C09856#D4BA8C#EADCC6
- Amber Monochromatic Color Scheme#664400#BB8800#FFBF00#FFD34E#FFE69A
- Apocalyptic Orange Monochromatic Color Scheme#6C2E09#BB5511#F4711E#FF9C68#FBCEB1
- Arancio Monochromatic Color Scheme#773300#C65102#FF7013#FF9863#FECDAC
- Argan Oil Monochromatic Color Scheme#372418#6A432D#9D6646#BE8C74#D6B8A7
- Arrakis Spice Monochromatic Color Scheme#53331E#825E2F#BB8246#D1A67D#E4CEB5
- Arrowwood Monochromatic Color Scheme#332200#775511#B3861E#DBB239#EBC881
- Atomic Orange Monochromatic Color Scheme#653700#B25F03#F88605#FCA750#FFCC99
- Autumnal Monochromatic Color Scheme#2D1608#72371C#AD5928#D57E52#E3AF8E
Questions
What colors go with Dragon Ball?
In a monochromatic scheme: Chocolate Pancakes (#884400), Mountain Ash (#CC7700), Yellow Warbler (#FFBA6F), Orange Glow (#FFE2BD).
What is the hex code of Dragon Ball?
#FF9922.