Vampire State Building Complementary Color Scheme
Five colors arranged by the complementary rule around Vampire State Building (#CC1100), each snapped to its nearest named color.
#CC1100
#FF3A2D
#00BEDA
#007381
#22EEFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vampire State Building | #CC1100 | 204, 17, 0 | 5°, 100%, 40% | 0, 92, 100, 20 | |
| Redshift | #FF3A2D | 255, 58, 45 | 4°, 100%, 59% | 0, 77, 82, 0 | |
| Beda Blue | #00BEDA | 0, 190, 218 | 188°, 100%, 43% | 100, 13, 0, 15 | |
| Deep Current | #007381 | 0, 115, 129 | 187°, 100%, 25% | 100, 11, 0, 49 | |
| Sparky Blue | #22EEFF | 34, 238, 255 | 185°, 100%, 57% | 87, 7, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC1100 on #22EEFF | 4.04:1 | AA large |
| Aa #007381 on #22EEFF | 3.91:1 | AA large |
| Aa #CC1100 on #00BEDA | 2.57:1 | — |
| Aa #FF3A2D on #22EEFF | 2.50:1 | — |
| Aa #00BEDA on #007381 | 2.49:1 | — |
| Aa #CC1100 on #FF3A2D | 1.62:1 | — |
CSS variables
:root {
--color-1: #cc1100; /* Vampire State Building */
--color-2: #ff3a2d; /* Redshift */
--color-3: #00beda; /* Beda Blue */
--color-4: #007381; /* Deep Current */
--color-5: #22eeff; /* Sparky Blue */
}Other schemes from Vampire State Building
- Vampire State Building Analogous Color Scheme#CC11BB#CC0055#CC1100#CC7700#BBCC00
- Vampire State Building Triadic Color Scheme#CC1100#00CC11#1100CC#FF4433#00800C
- Vampire State Building Split-complementary Color Scheme#CC1100#06D078#0055CC#840804#00FF99
- Vampire State Building Tetradic Color Scheme#CC1100#55CC00#00BEDA#6600CC#FF4433
- Vampire State Building Monochromatic Color Scheme#330404#840804#CC1100#F4301C#FA7069
More Medium Red complementary palettes
- 100 Mph Complementary Color Scheme#C93F38#D98580#3DCFC2#2B888D#88DDDD
- Alarm Complementary Color Scheme#EC0003#FF474C#00EEEE#00A29E#55FFFF
- Amaretto Complementary Color Scheme#AB6F60#CDA59C#6299AA#45747E#A7C5CE
- Amore Complementary Color Scheme#AE2F48#CF6275#25AE8E#1C6B69#73D4C2
- Anarchist Complementary Color Scheme#DB304A#E27E8A#2DDFC1#1BA590#87E0CF
- Angry Tomato Complementary Color Scheme#D82029#EC6D71#22CCCC#1A9597#6FEBE3
- Annatto Complementary Color Scheme#8C5341#BA816E#41788A#2A4B5A#75AEBD
- Apple Cherry Complementary Color Scheme#F81404#F7665A#00EBFF#05A3AD#6DEDFD
- Arcade Fire Complementary Color Scheme#EE3311#F47869#00CCEE#008CA9#6DEDFD
- Assassin’s Red Complementary Color Scheme#F60206#FF5555#01F1F1#00AAAA#65FFFF
- Autumn Fire Complementary Color Scheme#C44E4F#D99294#53C2C3#2B9890#9ADEDB
- Bacon Strips Complementary Color Scheme#DF3F32#E28980#30D5C8#189FAC#88EEEE
Questions
What colors go with Vampire State Building?
In a complementary scheme: Redshift (#FF3A2D), Beda Blue (#00BEDA), Deep Current (#007381), Sparky Blue (#22EEFF).
What is the hex code of Vampire State Building?
#CC1100.