Iridescent Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Iridescent (#3A5B52), each snapped to its nearest named color.
#3A5B52
#5D3954
#5A4039
#142D25
#905284
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Iridescent | #3A5B52 | 58, 91, 82 | 164°, 22%, 29% | 36, 0, 10, 64 | |
| Bruised Bear | #5D3954 | 93, 57, 84 | 315°, 24%, 29% | 0, 39, 10, 64 | |
| Shaved Chocolate | #5A4039 | 90, 64, 57 | 13°, 22%, 29% | 0, 29, 37, 65 | |
| Guerrilla Forest | #142D25 | 20, 45, 37 | 161°, 38%, 13% | 56, 0, 18, 82 | |
| Grape Candy | #905284 | 144, 82, 132 | 312°, 27%, 44% | 0, 43, 8, 44 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #142D25 on #905284 | 2.60:1 | — |
| Aa #3A5B52 on #142D25 | 1.95:1 | — |
| Aa #5D3954 on #905284 | 1.71:1 | — |
| Aa #5A4039 on #905284 | 1.67:1 | — |
| Aa #5A4039 on #142D25 | 1.56:1 | — |
| Aa #5D3954 on #142D25 | 1.52:1 | — |
CSS variables
:root {
--color-1: #3a5b52; /* Iridescent */
--color-2: #5d3954; /* Bruised Bear */
--color-3: #5a4039; /* Shaved Chocolate */
--color-4: #142d25; /* Guerrilla Forest */
--color-5: #905284; /* Grape Candy */
}Other schemes from Iridescent
- Iridescent Complementary Color Scheme#3A5B52#5A9589#5C3944#2C1620#9D5C75
- Iridescent Analogous Color Scheme#415B36#3D5D42#3A5B52#37525F#3A445D
- Iridescent Triadic Color Scheme#3A5B52#57385E#5C5337#5E9B8A#221133
- Iridescent Tetradic Color Scheme#3A5B52#4B365F#5C3944#575C3A#5E9B8A
- Iridescent Monochromatic Color Scheme#0F1012#1E272C#3A5B52#588A79#80AEA4
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
- Bergamot Split-complementary Color Scheme#95C703#0033CC#9F00C5#447700#1155FF
- 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
Questions
What colors go with Iridescent?
In a split-complementary scheme: Bruised Bear (#5D3954), Shaved Chocolate (#5A4039), Guerrilla Forest (#142D25), Grape Candy (#905284).
What is the hex code of Iridescent?
#3A5B52.