Capri Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Capri (#00BFFF), each snapped to its nearest named color.
#00BFFF
#FF0044
#FCC200
#0088B0
#F54D79
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Capri | #00BFFF | 0, 191, 255 | 195°, 100%, 50% | 100, 25, 0, 0 | |
| Cherry Soda | #FF0044 | 255, 0, 68 | 344°, 100%, 50% | 0, 100, 73, 0 | |
| Golden Poppy | #FCC200 | 252, 194, 0 | 46°, 100%, 49% | 0, 23, 100, 1 | |
| Stomy Shower | #0088B0 | 0, 136, 176 | 194°, 100%, 35% | 100, 23, 0, 31 | |
| Bonker Pink | #F54D79 | 245, 77, 121 | 344°, 89%, 63% | 0, 69, 51, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FCC200 on #0088B0 | 2.50:1 | — |
| Aa #FF0044 on #FCC200 | 2.41:1 | — |
| Aa #FCC200 on #F54D79 | 2.07:1 | — |
| Aa #00BFFF on #0088B0 | 1.92:1 | — |
| Aa #00BFFF on #FF0044 | 1.85:1 | — |
| Aa #00BFFF on #F54D79 | 1.59:1 | — |
CSS variables
:root {
--color-1: #00bfff; /* Capri */
--color-2: #ff0044; /* Cherry Soda */
--color-3: #fcc200; /* Golden Poppy */
--color-4: #0088b0; /* Stomy Shower */
--color-5: #f54d79; /* Bonker Pink */
}Other schemes from Capri
- Capri Complementary Color Scheme#00BFFF#55DDFF#FF4200#B52604#FF8C69
- Capri Analogous Color Scheme#00FF40#01F9C6#00BFFF#003AFF#4400FF
- Capri Triadic Color Scheme#00BFFF#FF00BB#BFFF00#66DDFF#BB0088
- Capri Tetradic Color Scheme#00BFFF#BF00FF#FF4200#3FFF00#66DDFF
- Capri Monochromatic Color Scheme#004D67#0088B0#00BFFF#4CD5FF#99EEFF
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 Capri?
In a split-complementary scheme: Cherry Soda (#FF0044), Golden Poppy (#FCC200), Stomy Shower (#0088B0), Bonker Pink (#F54D79).
What is the hex code of Capri?
#00BFFF.