Queen of Hearts Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Queen of Hearts (#98333A), each snapped to its nearest named color.
#98333A
#339C5E
#35709D
#582124
#54C589
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Queen of Hearts | #98333A | 152, 51, 58 | 356°, 50%, 40% | 0, 66, 62, 40 | 47.0% 0.135 20 | |
| Kelly Green | #339C5E | 51, 156, 94 | 145°, 51%, 41% | 67, 0, 40, 39 | 61.7% 0.134 154 | |
| Vallarta Blue | #35709D | 53, 112, 157 | 206°, 50%, 41% | 66, 29, 0, 38 | 52.6% 0.094 244 | |
| Burnt Crimson | #582124 | 88, 33, 36 | 357°, 45%, 24% | 0, 63, 59, 65 | 33.0% 0.081 19 | |
| Enamelled Dragon | #54C589 | 84, 197, 137 | 148°, 49%, 55% | 57, 0, 30, 23 | 74.2% 0.136 157 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #582124 on #54C589 | 5.87:1 | AA |
| Aa #339C5E on #582124 | 3.65:1 | AA large |
| Aa #98333A on #54C589 | 3.39:1 | AA large |
| Aa #35709D on #54C589 | 2.46:1 | — |
| Aa #35709D on #582124 | 2.39:1 | — |
| Aa #98333A on #339C5E | 2.11:1 | — |
CSS variables
:root {
--color-1: #98333a; /* Queen of Hearts */
--color-2: #339c5e; /* Kelly Green */
--color-3: #35709d; /* Vallarta Blue */
--color-4: #582124; /* Burnt Crimson */
--color-5: #54c589; /* Enamelled Dragon */
}Other schemes from Queen of Hearts
- Queen of Hearts Complementary Color Scheme#98333A#C25D6A#339A8D#275A5D#6BCCC1
- Queen of Hearts Analogous Color Scheme#922B9C#993366#98333A#9C5E33#9C932F
- Queen of Hearts Triadic Color Scheme#98333A#3A9234#2D3796#CB6A6B#2D5E22
- Queen of Hearts Tetradic Color Scheme#98333A#689938#339A8D#573894#CB6A6B
- Queen of Hearts Monochromatic Color Scheme#221111#582124#98333A#C35458#D58A94
More dark red split-complementary color schemes
- Active Volcano Split-complementary Color Scheme#BB1133#11BB44#1682B9#771122#33EE66
- Akai Red Split-complementary Color Scheme#BC012E#00BB33#008DBB#680018#00FF55
- All Systems Red Split-complementary Color Scheme#B30103#00BB55#095BAF#660000#00FF7C
- Antique Port Wine Split-complementary Color Scheme#98211A#1E9167#1D5699#551111#2DD78D
- Arcane Red Split-complementary Color Scheme#6A2F2F#336B4B#2C4D69#3A181A#4C9C77
- Barbera Split-complementary Color Scheme#8B031C#008833#00608B#440011#0BDB43
- Barolo Split-complementary Color Scheme#71000E#006C2E#034A71#220000#00BB44
- Bitter Chocolate Split-complementary Color Scheme#4F2923#284C3C#28314D#16110D#398467
- Blackened Sun Split-complementary Color Scheme#77150E#127A49#053976#330404#0CB577
- Bleeding Crimson Split-complementary Color Scheme#9B1414#1E9752#17569B#5C0C0C#18D17B
- Blood Brother Split-complementary Color Scheme#770011#007722#014C76#2B0202#02C14D
- Blood Oath Split-complementary Color Scheme#85323C#2F8351#316382#4C1C24#45BE76
Questions
What colors go with Queen of Hearts?
In a split-complementary scheme: Kelly Green (#339C5E), Vallarta Blue (#35709D), Burnt Crimson (#582124), Enamelled Dragon (#54C589).
What is the hex code of Queen of Hearts?
#98333A.