Olympic Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Olympic Blue (#4F8FE6), each snapped to its nearest named color.
#4F8FE6
#E95C4B
#D9E650
#1974D2
#EF9A93
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Olympic Blue | #4F8FE6 | 79, 143, 230 | 215°, 75%, 61% | 66, 38, 0, 10 | |
| Opal Flame | #E95C4B | 233, 92, 75 | 6°, 78%, 60% | 0, 61, 68, 9 | |
| Maximum Green Yellow | #D9E650 | 217, 230, 80 | 65°, 75%, 61% | 6, 0, 65, 10 | |
| Bright Navy Blue | #1974D2 | 25, 116, 210 | 210°, 79%, 46% | 88, 45, 0, 18 | |
| Coral Bead | #EF9A93 | 239, 154, 147 | 5°, 74%, 76% | 0, 36, 38, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D9E650 on #1974D2 | 3.44:1 | AA large |
| Aa #E95C4B on #D9E650 | 2.52:1 | — |
| Aa #4F8FE6 on #D9E650 | 2.40:1 | — |
| Aa #1974D2 on #EF9A93 | 2.17:1 | — |
| Aa #E95C4B on #EF9A93 | 1.59:1 | — |
| Aa #D9E650 on #EF9A93 | 1.58:1 | — |
CSS variables
:root {
--color-1: #4f8fe6; /* Olympic Blue */
--color-2: #e95c4b; /* Opal Flame */
--color-3: #d9e650; /* Maximum Green Yellow */
--color-4: #1974d2; /* Bright Navy Blue */
--color-5: #ef9a93; /* Coral Bead */
}Other schemes from Olympic Blue
- Olympic Blue Complementary Color Scheme#4F8FE6#99C3F0#E8A64E#D0851D#F0D5A8
- Olympic Blue Analogous Color Scheme#53FCA1#4FDCE1#4F8FE6#4D5AF3#A552E6
- Olympic Blue Triadic Color Scheme#4F8FE6#E95295#9CEF43#A1CAF1#D71868
- Olympic Blue Tetradic Color Scheme#4F8FE6#E35BD8#E8A64E#43E85F#A1CAF1
- Olympic Blue Monochromatic Color Scheme#0F478C#1974D2#4F8FE6#88BBEE#D4E9F5
More Light Blue split-complementary palettes
- Acapulco Dive Split-complementary Color Scheme#65A7DD#D76968#DCD867#2987C7#EBA0A7
- Adrift on the Nile Split-complementary Color Scheme#93B8E3#E29991#E5E896#518FD1#F5D1CF
- Airborne Split-complementary Color Scheme#A2C2D0#CFA2AD#D0C6A1#70A5B7#ECD5D9
- Arcane Brew Split-complementary Color Scheme#5260E1#E68750#A7E142#243BCD#E8B793
- Arctic Ice Split-complementary Color Scheme#B6BDD0#D2BBB2#CCD1B2#818DB3#F0E5E5
- Azureno Split-complementary Color Scheme#8FA0D5#D5A193#C3DB8D#5D76CB#EBCFC7
- Below Zero Split-complementary Color Scheme#87CDED#F08497#EAD988#4CA8E0#F8CAD5
- Birdie Num Num Split-complementary Color Scheme#89ACDA#DA8C87#D8DB8B#5383C3#EEC6C3
- Blank Stare Split-complementary Color Scheme#8B9CAC#B38380#B4B780#597695#CEB0B5
- Blue Bay Split-complementary Color Scheme#619AD6#D46362#D6D963#3473B7#E39E9C
- Blue Haze Split-complementary Color Scheme#BDBACE#D2C7B7#C1D0B2#9188B5#EFEDE6
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
Questions
What colors go with Olympic Blue?
In a split-complementary scheme: Opal Flame (#E95C4B), Maximum Green Yellow (#D9E650), Bright Navy Blue (#1974D2), Coral Bead (#EF9A93).
What is the hex code of Olympic Blue?
#4F8FE6.