Opal Flame Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Opal Flame (#E95C4B), each snapped to its nearest named color.
#E95C4B
#53FCA1
#4488EE
#D22D1D
#9BEEC1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Opal Flame | #E95C4B | 233, 92, 75 | 6°, 78%, 60% | 0, 61, 68, 9 | |
| Sea Green | #53FCA1 | 83, 252, 161 | 148°, 97%, 66% | 67, 0, 36, 1 | |
| Seljuk Blue | #4488EE | 68, 136, 238 | 216°, 83%, 60% | 71, 43, 0, 7 | |
| Pure Red | #D22D1D | 210, 45, 29 | 5°, 76%, 47% | 0, 79, 86, 18 | |
| Nightly Aurora | #9BEEC1 | 155, 238, 193 | 147°, 71%, 77% | 35, 0, 19, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #53FCA1 on #D22D1D | 3.82:1 | AA large |
| Aa #D22D1D on #9BEEC1 | 3.72:1 | AA large |
| Aa #53FCA1 on #4488EE | 2.63:1 | — |
| Aa #E95C4B on #53FCA1 | 2.59:1 | — |
| Aa #4488EE on #9BEEC1 | 2.56:1 | — |
| Aa #E95C4B on #9BEEC1 | 2.52:1 | — |
CSS variables
:root {
--color-1: #e95c4b; /* Opal Flame */
--color-2: #53fca1; /* Sea Green */
--color-3: #4488ee; /* Seljuk Blue */
--color-4: #d22d1d; /* Pure Red */
--color-5: #9beec1; /* Nightly Aurora */
}Other schemes from Opal Flame
- Opal Flame Complementary Color Scheme#E95C4B#EEA59D#44DDEE#1FB4C3#AFEEEE
- Opal Flame Analogous Color Scheme#E042D5#EE4D83#E95C4B#E8AF49#DBE64C
- Opal Flame Triadic Color Scheme#E95C4B#43E85F#524EFB#F7B1A6#13DA25
- Opal Flame Tetradic Color Scheme#E95C4B#9CEF43#44DDEE#AB46EC#F7B1A6
- Opal Flame Monochromatic Color Scheme#921D0F#D22D1D#E95C4B#EF9A93#FBD6D2
More Light Red split-complementary palettes
- Amour Split-complementary Color Scheme#EE5851#53FCA1#4F8FE6#DD180E#96FBC4
- Angry Flamingo Split-complementary Color Scheme#F04E45#53FCA1#4488EE#DD180E#96FBC4
- Anime Blush Split-complementary Color Scheme#FF7A83#7EFBB3#77CCFF#FF3333#CCFFDD
- Aphrodisiac Split-complementary Color Scheme#E35A63#58F898#5DADEC#D3212D#99EEBB
- Babe Split-complementary Color Scheme#DC7B7C#7BD9AD#7DABD8#D13B40#B2EED3
- Begonia Split-complementary Color Scheme#FA6E79#76FDA8#74BBFB#FF2233#B8F8D8
- Berrylicious Split-complementary Color Scheme#D75E6C#5CCD97#57A9D4#B52F3A#99E6B3
- Bite My Tongue Split-complementary Color Scheme#D47D72#78D1B1#6E99D1#BC4D39#B2E4D0
- Blood Burst Split-complementary Color Scheme#FF474C#58F898#46ADF9#F60206#96FBC4
- Blush Bomb Split-complementary Color Scheme#DD99AA#99DEAD#95CDD8#C7607B#D1F0DD
- Blush Hour Split-complementary Color Scheme#FF6F91#7BE892#76D6FF#FF2255#BDFFCA
- Boho Blush Split-complementary Color Scheme#E58787#8BE0BA#83BCE5#D3494E#D1F1DE
Questions
What colors go with Opal Flame?
In a split-complementary scheme: Sea Green (#53FCA1), Seljuk Blue (#4488EE), Pure Red (#D22D1D), Nightly Aurora (#9BEEC1).
What is the hex code of Opal Flame?
#E95C4B.