Pomodoro Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pomodoro (#C30232), each snapped to its nearest named color.
#C30232
#00CC33
#0193C2
#730113
#10F144
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pomodoro | #C30232 | 195, 2, 50 | 345°, 98%, 39% | 0, 99, 74, 24 | |
| Vivid Malachite | #00CC33 | 0, 204, 51 | 135°, 100%, 40% | 100, 0, 75, 20 | |
| Surf Rider | #0193C2 | 1, 147, 194 | 195°, 99%, 38% | 99, 24, 0, 24 | |
| Cinnabar | #730113 | 115, 1, 19 | 351°, 98%, 23% | 0, 99, 83, 55 | |
| Radiant Hulk | #10F144 | 16, 241, 68 | 134°, 89%, 50% | 93, 0, 72, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #730113 on #10F144 | 7.85:1 | AAA |
| Aa #00CC33 on #730113 | 5.56:1 | AA |
| Aa #C30232 on #10F144 | 4.06:1 | AA large |
| Aa #0193C2 on #730113 | 3.42:1 | AA large |
| Aa #C30232 on #00CC33 | 2.87:1 | — |
| Aa #0193C2 on #10F144 | 2.30:1 | — |
CSS variables
:root {
--color-1: #c30232; /* Pomodoro */
--color-2: #00cc33; /* Vivid Malachite */
--color-3: #0193c2; /* Surf Rider */
--color-4: #730113; /* Cinnabar */
--color-5: #10f144; /* Radiant Hulk */
}Other schemes from Pomodoro
- Pomodoro Complementary Color Scheme#C30232#FF255C#00C08E#007958#32FFDC
- Pomodoro Analogous Color Scheme#9F00C5#CC0088#C30232#CC3300#CB8E00
- Pomodoro Triadic Color Scheme#C30232#33CC00#0033CC#FF3366#117700
- Pomodoro Tetradic Color Scheme#C30232#95C703#00C08E#3300CC#FF3366
- Pomodoro Monochromatic Color Scheme#330011#730113#C30232#FF1155#FF6989
More Dark Red split-complementary palettes
- 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 Pomodoro?
In a split-complementary scheme: Vivid Malachite (#00CC33), Surf Rider (#0193C2), Cinnabar (#730113), Radiant Hulk (#10F144).
What is the hex code of Pomodoro?
#C30232.