3AM in Shibuya Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around 3AM in Shibuya (#225577), each snapped to its nearest named color.
#225577
#7B222A
#747028
#172B36
#BB3344
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| 3AM in Shibuya | #225577 | 34, 85, 119 | 204°, 56%, 30% | 71, 29, 0, 53 | |
| Biking Red | #7B222A | 123, 34, 42 | 355°, 57%, 31% | 0, 72, 66, 52 | |
| Olivetone | #747028 | 116, 112, 40 | 57°, 49%, 31% | 0, 3, 66, 55 | |
| Oceanic Noir | #172B36 | 23, 43, 54 | 201°, 40%, 15% | 57, 20, 0, 79 | |
| Rust Effect | #BB3344 | 187, 51, 68 | 353°, 57%, 47% | 0, 73, 64, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #747028 on #172B36 | 2.85:1 | — |
| Aa #172B36 on #BB3344 | 2.56:1 | — |
| Aa #7B222A on #747028 | 1.94:1 | — |
| Aa #225577 on #172B36 | 1.84:1 | — |
| Aa #7B222A on #BB3344 | 1.74:1 | — |
| Aa #225577 on #747028 | 1.55:1 | — |
CSS variables
:root {
--color-1: #225577; /* 3AM in Shibuya */
--color-2: #7b222a; /* Biking Red */
--color-3: #747028; /* Olivetone */
--color-4: #172b36; /* Oceanic Noir */
--color-5: #bb3344; /* Rust Effect */
}Other schemes from 3AM in Shibuya
- 3AM in Shibuya Complementary Color Scheme#225577#3887BD#704822#332211#C6723B
- 3AM in Shibuya Analogous Color Scheme#247345#20726A#225577#23297A#412A7A
- 3AM in Shibuya Triadic Color Scheme#225577#752653#507D2A#3C94C1#391531
- 3AM in Shibuya Tetradic Color Scheme#225577#662277#704822#296D23#3C94C1
- 3AM in Shibuya Monochromatic Color Scheme#0B0F1A#172B36#225577#2B7CAF#61A4CE
More Dark Blue split-complementary palettes
- 20000 Leagues Under the Sea Split-complementary Color Scheme#191970#704214#536B1F#090533#AA6D28
- Abyssal Split-complementary Color Scheme#404C57#5E3A39#5E5D3D#1B2632#8D5455
- Aegean Blue Split-complementary Color Scheme#1B416F#701C1C#706C11#0E1D32#A92C29
- Alone in the Dark Split-complementary Color Scheme#000066#663300#376D03#01081C#B25F03
- Assassin Split-complementary Color Scheme#2D4F83#87382F#7C8635#1B294B#BC4E40
- Astral Split-complementary Color Scheme#376F89#8B3643#887938#234251#B8516A
- Atlantic Navy Split-complementary Color Scheme#13336F#772211#6A6E09#041330#AF3519
- Atlantis Split-complementary Color Scheme#336172#703642#736330#1E323B#A44B62
- Below the Surface Split-complementary Color Scheme#0A2F7C#7C1E08#6C7A0E#041330#C93413
- Beyond the Sea Split-complementary Color Scheme#005784#840014#8F7303#02273A#D00220
- Black Market Split-complementary Color Scheme#222244#433120#37412A#0B0C14#75583D
- Black Sea Night Split-complementary Color Scheme#052462#661100#556600#01081C#AB250B
Questions
What colors go with 3AM in Shibuya?
In a split-complementary scheme: Biking Red (#7B222A), Olivetone (#747028), Oceanic Noir (#172B36), Rust Effect (#BB3344).
What is the hex code of 3AM in Shibuya?
#225577.