True Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around True Blue (#010FCC), each snapped to its nearest named color.
#010FCC
#CD5700
#77CC00
#000080
#FF7518
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| True Blue | #010FCC | 1, 15, 204 | 236°, 99%, 40% | 100, 93, 0, 20 | |
| Tenné | #CD5700 | 205, 87, 0 | 25°, 100%, 40% | 0, 58, 100, 20 | |
| Delicious Dill | #77CC00 | 119, 204, 0 | 85°, 100%, 40% | 42, 0, 100, 20 | |
| Navy Blue | #000080 | 0, 0, 128 | 240°, 100%, 25% | 100, 100, 0, 50 | |
| Pumpkin | #FF7518 | 255, 117, 24 | 24°, 100%, 55% | 0, 54, 91, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #77CC00 on #000080 | 7.95:1 | AAA |
| Aa #000080 on #FF7518 | 5.95:1 | AA |
| Aa #010FCC on #77CC00 | 5.37:1 | AA |
| Aa #010FCC on #FF7518 | 4.02:1 | AA large |
| Aa #CD5700 on #000080 | 3.78:1 | AA large |
| Aa #010FCC on #CD5700 | 2.55:1 | — |
CSS variables
:root {
--color-1: #010fcc; /* True Blue */
--color-2: #cd5700; /* Tenné */
--color-3: #77cc00; /* Delicious Dill */
--color-4: #000080; /* Navy Blue */
--color-5: #ff7518; /* Pumpkin */
}Other schemes from True Blue
- True Blue Complementary Color Scheme#010FCC#3A2EFE#D6BE01#8F7303#FFEE33
- True Blue Analogous Color Scheme#00CCBB#0076CC#010FCC#510AC9#AA00CC
- True Blue Triadic Color Scheme#010FCC#CC0011#11CC00#2D47FF#800008
- True Blue Tetradic Color Scheme#010FCC#CC0077#D6BE01#00CC55#2D47FF
- True Blue Monochromatic Color Scheme#000435#000080#010FCC#152EFF#6A79F7
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 True Blue?
In a split-complementary scheme: Tenné (#CD5700), Delicious Dill (#77CC00), Navy Blue (#000080), Pumpkin (#FF7518).
What is the hex code of True Blue?
#010FCC.