Too Blue to Be True Complementary Color Scheme
Five colors arranged by the complementary rule around Too Blue to Be True (#0088FF), each snapped to its nearest named color.
#0088FF
#5DB3FF
#FF7700
#BB5500
#FFB066
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Too Blue to Be True | #0088FF | 0, 136, 255 | 208°, 100%, 50% | 100, 47, 0, 0 | |
| Tiān Lán Sky | #5DB3FF | 93, 179, 255 | 208°, 100%, 68% | 64, 30, 0, 0 | |
| Lucky Orange | #FF7700 | 255, 119, 0 | 28°, 100%, 50% | 0, 53, 100, 0 | |
| Obscure Orange | #BB5500 | 187, 85, 0 | 27°, 100%, 37% | 0, 55, 100, 27 | |
| Mango Salsa | #FFB066 | 255, 176, 102 | 29°, 100%, 70% | 0, 31, 60, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BB5500 on #FFB066 | 2.64:1 | — |
| Aa #5DB3FF on #BB5500 | 2.12:1 | — |
| Aa #0088FF on #FFB066 | 1.95:1 | — |
| Aa #FF7700 on #BB5500 | 1.79:1 | — |
| Aa #0088FF on #5DB3FF | 1.57:1 | — |
| Aa #FF7700 on #FFB066 | 1.48:1 | — |
CSS variables
:root {
--color-1: #0088ff; /* Too Blue to Be True */
--color-2: #5db3ff; /* Tiān Lán Sky */
--color-3: #ff7700; /* Lucky Orange */
--color-4: #bb5500; /* Obscure Orange */
--color-5: #ffb066; /* Mango Salsa */
}Other schemes from Too Blue to Be True
- Too Blue to Be True Analogous Color Scheme#00FF77#00FCFC#0088FF#0011FF#7F00FF
- Too Blue to Be True Triadic Color Scheme#0088FF#FF0088#88FF00#74BBFB#AA0055
- Too Blue to Be True Split-complementary Color Scheme#0088FF#FF0008#FFF700#095BAF#FF474C
- Too Blue to Be True Tetradic Color Scheme#0088FF#FD02FF#FF7700#0AFF02#74BBFB
- Too Blue to Be True Monochromatic Color Scheme#003366#095BAF#0088FF#55AAFF#99CCFF
More Medium Blue complementary palettes
- Admiral Blue Complementary Color Scheme#50647F#7B8EB0#836B4F#544333#B29E81
- Aster Complementary Color Scheme#867BA9#B8B0CF#A4AE77#7F8353#CFD2B5
- Azure Complementary Color Scheme#007FFF#5BA8FF#FF8400#B25F03#FFB066
- Bay View Complementary Color Scheme#6A819E#9EB2C3#A68966#756244#C8B9A4
- Beach View Complementary Color Scheme#4F7694#83A2BD#936B4F#654636#C1A188
- Bellflower Complementary Color Scheme#5D66AA#939DCC#B3A156#7D7640#CCC7A1
- Blasphemous Blue Complementary Color Scheme#3356AA#6688CC#AA8833#685C27#D3B66C
- Blue Complementary Color Scheme#0000FF#5555FF#FFFF00#A8B504#FFFF66
- Blue Burst Complementary Color Scheme#309CD0#76C1E1#CD632A#8F4826#E3A385
- Blue Overdose Complementary Color Scheme#0020EF#4466FF#EFD100#A38E00#F7E856
- Blue Ribbon Complementary Color Scheme#0066FF#5599FF#FF9900#B96B00#FFC265
- Blue Triumph Complementary Color Scheme#4376AB#7AA3CC#AB7741#73532A#CCAC86
Questions
What colors go with Too Blue to Be True?
In a complementary scheme: Tiān Lán Sky (#5DB3FF), Lucky Orange (#FF7700), Obscure Orange (#BB5500), Mango Salsa (#FFB066).
What is the hex code of Too Blue to Be True?
#0088FF.