Discreet Orange Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Discreet Orange (#FFAD98), each snapped to its nearest named color.
#FFAD98
#99FFEE
#99BBFF
#FF714E
#EBFCF5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Discreet Orange | #FFAD98 | 255, 173, 152 | 12°, 100%, 80% | 0, 32, 40, 0 | |
| Hello Winter | #99FFEE | 153, 255, 238 | 170°, 100%, 80% | 40, 0, 7, 0 | |
| Truesky Gloxym | #99BBFF | 153, 187, 255 | 220°, 100%, 80% | 40, 27, 0, 0 | |
| Often Orange | #FF714E | 255, 113, 78 | 12°, 100%, 65% | 0, 56, 69, 0 | |
| Placebo Turquoise | #EBFCF5 | 235, 252, 245 | 155°, 74%, 95% | 7, 0, 3, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF714E on #EBFCF5 | 2.56:1 | — |
| Aa #99FFEE on #FF714E | 2.32:1 | — |
| Aa #99BBFF on #EBFCF5 | 1.81:1 | — |
| Aa #FFAD98 on #EBFCF5 | 1.69:1 | — |
| Aa #99FFEE on #99BBFF | 1.64:1 | — |
| Aa #FFAD98 on #99FFEE | 1.53:1 | — |
CSS variables
:root {
--color-1: #ffad98; /* Discreet Orange */
--color-2: #99ffee; /* Hello Winter */
--color-3: #99bbff; /* Truesky Gloxym */
--color-4: #ff714e; /* Often Orange */
--color-5: #ebfcf5; /* Placebo Turquoise */
}Other schemes from Discreet Orange
- Discreet Orange Complementary Color Scheme#FFAD98#FFECE5#99EEFF#4CD5FF#E8F7FD
- Discreet Orange Analogous Color Scheme#FF99EE#FF9BB7#FFAD98#FFE296#EEFF99
- Discreet Orange Triadic Color Scheme#FFAD98#9FFEB0#BB88FF#FFECE5#4CFF7B
- Discreet Orange Tetradic Color Scheme#FFAD98#BBFF99#99EEFF#EE99FF#FFECE5
- Discreet Orange Monochromatic Color Scheme#FF3300#FF714E#FFAD98#FDEAE6#FFECE5
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 Discreet Orange?
In a split-complementary scheme: Hello Winter (#99FFEE), Truesky Gloxym (#99BBFF), Often Orange (#FF714E), Placebo Turquoise (#EBFCF5).
What is the hex code of Discreet Orange?
#FFAD98.