Yuzukoshō Complementary Color Scheme
Five colors arranged by the complementary rule around Yuzukoshō (#D4DE49), each snapped to its nearest named color.
#D4DE49
#E5E999
#4D52DE
#2425B9
#A899E6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Yuzukoshō | #D4DE49 | 212, 222, 73 | 64°, 69%, 58% | 5, 0, 67, 13 | |
| Orchid Hue | #E5E999 | 229, 233, 153 | 63°, 65%, 76% | 2, 0, 34, 9 | |
| Dark Soft Violet | #4D52DE | 77, 82, 222 | 238°, 69%, 59% | 65, 63, 0, 13 | |
| Sapphire Splendour | #2425B9 | 36, 37, 185 | 240°, 67%, 43% | 81, 80, 0, 27 | |
| Dull Lavender | #A899E6 | 168, 153, 230 | 252°, 61%, 75% | 27, 33, 0, 10 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E5E999 on #2425B9 | 8.06:1 | AAA |
| Aa #D4DE49 on #2425B9 | 7.03:1 | AAA |
| Aa #E5E999 on #4D52DE | 4.60:1 | AA |
| Aa #2425B9 on #A899E6 | 4.10:1 | AA large |
| Aa #D4DE49 on #4D52DE | 4.01:1 | AA large |
| Aa #4D52DE on #A899E6 | 2.34:1 | — |
CSS variables
:root {
--color-1: #d4de49; /* Yuzukoshō */
--color-2: #e5e999; /* Orchid Hue */
--color-3: #4d52de; /* Dark Soft Violet */
--color-4: #2425b9; /* Sapphire Splendour */
--color-5: #a899e6; /* Dull Lavender */
}Other schemes from Yuzukoshō
- Yuzukoshō Analogous Color Scheme#DE5346#DC9F46#D4DE49#88DD55#58D854
- Yuzukoshō Triadic Color Scheme#D4DE49#58CFD4#DB4BDA#EFF19D#22AABB
- Yuzukoshō Split-complementary Color Scheme#D4DE49#5588DD#9955CC#A4BF20#85B3F3
- Yuzukoshō Tetradic Color Scheme#D4DE49#5CCD97#4D52DE#DD4492#EFF19D
- Yuzukoshō Monochromatic Color Scheme#717910#A4BF20#D4DE49#EBE885#F5F5CC
More Medium Yellow complementary palettes
- A Frond in Need Complementary Color Scheme#9F9978#C8C5A7#6B7BA7#4D517F#ACB1D4
- Amazon Queen Complementary Color Scheme#948F54#BBB98A#575B93#353E64#9291BC
- Angel’s Trumpet Complementary Color Scheme#F6DD34#FBE98E#3844F4#0022CC#99AAFF
- Antique Complementary Color Scheme#8B846D#BEB394#5A6E9C#414969#9EA5C3
- Backroom Ember Complementary Color Scheme#A19250#C6B788#5959AB#384172#8E97C7
- Bamboo Forest Complementary Color Scheme#B1A979#D4CFB2#7A85AF#51588E#B7BDD6
- Banana Bandanna Complementary Color Scheme#F8F739#FDFD96#3A2EFE#0011DD#9999FF
- Banana Bombshell Complementary Color Scheme#F7E82E#FFEE88#3A2EFE#0011CC#8F99FB
- Banana Brick Complementary Color Scheme#E8D82C#F2E47D#273BE2#0022BB#8B88F8
- Banana Flash Complementary Color Scheme#EEFE02#FAFC5D#1600FC#1100AA#6666FF
- Banana King Complementary Color Scheme#FFFB08#FEFE66#0011FF#0000BB#7777FF
- Banana Pepper Complementary Color Scheme#FDD630#FFE989#265EF7#0033DD#99AAFF
Questions
What colors go with Yuzukoshō?
In a complementary scheme: Orchid Hue (#E5E999), Dark Soft Violet (#4D52DE), Sapphire Splendour (#2425B9), Dull Lavender (#A899E6).
What is the hex code of Yuzukoshō?
#D4DE49.