Kelp Forest Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Kelp Forest (#448811), each snapped to its nearest named color.
#448811
#111188
#881188
#304112
#360CCC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Kelp Forest | #448811 | 68, 136, 17 | 94°, 78%, 30% | 50, 0, 88, 47 | |
| Galactic Cruise | #111188 | 17, 17, 136 | 240°, 78%, 30% | 88, 88, 0, 47 | |
| Violaceous Greti | #881188 | 136, 17, 136 | 300°, 78%, 30% | 0, 88, 0, 47 | |
| Hinterlands Green | #304112 | 48, 65, 18 | 82°, 57%, 16% | 26, 0, 72, 75 | |
| Interdimensional Blue | #360CCC | 54, 12, 204 | 253°, 89%, 42% | 74, 94, 0, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #448811 on #111188 | 3.27:1 | AA large |
| Aa #448811 on #304112 | 2.53:1 | — |
| Aa #448811 on #360CCC | 2.29:1 | — |
| Aa #448811 on #881188 | 1.92:1 | — |
| Aa #111188 on #881188 | 1.70:1 | — |
| Aa #111188 on #360CCC | 1.43:1 | — |
CSS variables
:root {
--color-1: #448811; /* Kelp Forest */
--color-2: #111188; /* Galactic Cruise */
--color-3: #881188; /* Violaceous Greti */
--color-4: #304112; /* Hinterlands Green */
--color-5: #360ccc; /* Interdimensional Blue */
}Other schemes from Kelp Forest
- Kelp Forest Complementary Color Scheme#448811#66CC11#4D0E88#2D0F47#9A0EEA
- Kelp Forest Analogous Color Scheme#885511#83890E#448811#1B8E13#138859
- Kelp Forest Triadic Color Scheme#448811#0F478C#881144#7DED17#002244
- Kelp Forest Tetradic Color Scheme#448811#1B8188#4D0E88#911911#7DED17
- Kelp Forest Monochromatic Color Scheme#0F180A#304112#448811#66CC11#9CEF43
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 Kelp Forest?
In a split-complementary scheme: Galactic Cruise (#111188), Violaceous Greti (#881188), Hinterlands Green (#304112), Interdimensional Blue (#360CCC).
What is the hex code of Kelp Forest?
#448811.