Opulent Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Opulent Blue (#0055EE), each snapped to its nearest named color.
#0055EE
#EE2200
#CCEE00
#0038A7
#FA5B3D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Opulent Blue | #0055EE | 0, 85, 238 | 219°, 100%, 47% | 100, 64, 0, 7 | |
| Hestia Red | #EE2200 | 238, 34, 0 | 9°, 100%, 47% | 0, 86, 100, 7 | |
| Spleen Green | #CCEE00 | 204, 238, 0 | 69°, 100%, 47% | 14, 0, 100, 7 | |
| Philippine Blue | #0038A7 | 0, 56, 167 | 220°, 100%, 33% | 100, 66, 0, 35 | |
| Orange Soda | #FA5B3D | 250, 91, 61 | 10°, 95%, 61% | 0, 64, 76, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CCEE00 on #0038A7 | 7.44:1 | AAA |
| Aa #0055EE on #CCEE00 | 4.47:1 | AA large |
| Aa #EE2200 on #CCEE00 | 3.25:1 | AA large |
| Aa #0038A7 on #FA5B3D | 3.12:1 | AA large |
| Aa #CCEE00 on #FA5B3D | 2.38:1 | — |
| Aa #EE2200 on #0038A7 | 2.29:1 | — |
CSS variables
:root {
--color-1: #0055ee; /* Opulent Blue */
--color-2: #ee2200; /* Hestia Red */
--color-3: #ccee00; /* Spleen Green */
--color-4: #0038a7; /* Philippine Blue */
--color-5: #fa5b3d; /* Orange Soda */
}Other schemes from Opulent Blue
- Opulent Blue Complementary Color Scheme#0055EE#4488FF#EE9900#A06600#FFC355
- Opulent Blue Analogous Color Scheme#00FA9A#00CCEE#0055EE#2200FF#9601F4
- Opulent Blue Triadic Color Scheme#0055EE#EE0055#55EE00#5097FC#AA0033
- Opulent Blue Tetradic Color Scheme#0055EE#EE00CC#EE9900#00EE22#5097FC
- Opulent Blue Monochromatic Color Scheme#001155#0038A7#0055EE#3E82FC#8AB8FE
More Medium Blue split-complementary palettes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- Aster Split-complementary Color Scheme#867BA9#AF9C76#88AA77#5C5083#C7C0A7
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Bay View Split-complementary Color Scheme#6A819E#A26766#9CA664#475877#BA9B97
- Beach View Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- Bellflower Split-complementary Color Scheme#5D66AA#AD785C#88A95B#4B4775#C3A491
- Blasphemous Blue Split-complementary Color Scheme#3356AA#A94E37#8DA936#243F6C#CE7259
- Blue Split-complementary Color Scheme#0000FF#FF7F00#88FF00#0000BB#FFA64F
- Blue Burst Split-complementary Color Scheme#309CD0#D02B48#CEB736#256D8D#DC6C84
- Blue Overdose Split-complementary Color Scheme#0020EF#EE5500#8EFA00#0018A8#FA873D
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
Questions
What colors go with Opulent Blue?
In a split-complementary scheme: Hestia Red (#EE2200), Spleen Green (#CCEE00), Philippine Blue (#0038A7), Orange Soda (#FA5B3D).
What is the hex code of Opulent Blue?
#0055EE.