Bergamot Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bergamot (#95C703), each snapped to its nearest named color.
#95C703
#0033CC
#9F00C5
#447700
#1155FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bergamot | #95C703 | 149, 199, 3 | 75°, 97%, 40% | 25, 0, 98, 22 | |
| Sapphire Glitter | #0033CC | 0, 51, 204 | 225°, 100%, 40% | 100, 75, 0, 20 | |
| Foxy Fuchsia | #9F00C5 | 159, 0, 197 | 288°, 100%, 39% | 19, 100, 0, 23 | |
| Tropicana | #447700 | 68, 119, 0 | 86°, 100%, 23% | 43, 0, 100, 53 | |
| Light Shōjin Blue | #1155FF | 17, 85, 255 | 223°, 100%, 53% | 93, 67, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #95C703 on #0033CC | 4.45:1 | AA large |
| Aa #95C703 on #9F00C5 | 3.19:1 | AA large |
| Aa #95C703 on #1155FF | 2.77:1 | — |
| Aa #95C703 on #447700 | 2.69:1 | — |
| Aa #0033CC on #447700 | 1.66:1 | — |
| Aa #0033CC on #1155FF | 1.61:1 | — |
CSS variables
:root {
--color-1: #95c703; /* Bergamot */
--color-2: #0033cc; /* Sapphire Glitter */
--color-3: #9f00c5; /* Foxy Fuchsia */
--color-4: #447700; /* Tropicana */
--color-5: #1155ff; /* Light Shōjin Blue */
}Other schemes from Bergamot
- Bergamot Complementary Color Scheme#95C703#C9FF27#3300CC#220077#6A2DED
- Bergamot Analogous Color Scheme#CC3300#CC9900#95C703#33CC00#00CC33
- Bergamot Triadic Color Scheme#95C703#0094C8#CC0088#C8FD3D#035E7B
- Bergamot Tetradic Color Scheme#95C703#00CC99#3300CC#C40233#C8FD3D
- Bergamot Monochromatic Color Scheme#223300#447700#95C703#D0FE1D#D8F878
More Dark Green split-complementary palettes
- Always Greener Grass Split-complementary Color Scheme#11AA00#5500AA#AA0066#005800#6600FF
- Amazon Split-complementary Color Scheme#387B54#6C3877#7C383D#224634#AA55AA
- Asian Spice Split-complementary Color Scheme#118822#5A1991#820E3B#06470C#9B1DCD
- Asparagus Sultan Split-complementary Color Scheme#6A8E22#253A91#772299#35530A#214FC6
- Autumn Crocodile Split-complementary Color Scheme#447744#5B4276#75495E#264334#9264A2
- Avocado Split-complementary Color Scheme#568203#001188#660088#223300#0022CC
- Bejewelled Split-complementary Color Scheme#25A26F#BB2299#A43323#136843#DF4EC8
- Beyond the Pines Split-complementary Color Scheme#688049#484A80#754A80#434C28#6C70A9
- Bimi Green Split-complementary Color Scheme#54682B#2C3A64#5B3167#223311#445599
- Bold Irish Split-complementary Color Scheme#2A814D#733380#842833#17462E#B13AAD
- Botanical Split-complementary Color Scheme#4D6E2F#292D74#69326E#223311#4A40AD
- Botanical Garden Split-complementary Color Scheme#44AA11#3311AA#AA1188#226600#4411EE
Questions
What colors go with Bergamot?
In a split-complementary scheme: Sapphire Glitter (#0033CC), Foxy Fuchsia (#9F00C5), Tropicana (#447700), Light Shōjin Blue (#1155FF).
What is the hex code of Bergamot?
#95C703.