Star of Life Complementary Color Scheme
Five colors arranged by the complementary rule around Star of Life (#057BC1), each snapped to its nearest named color.
#057BC1
#29ADFF
#C14A09
#773300
#FF7733
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Star of Life | #057BC1 | 5, 123, 193 | 202°, 95%, 39% | 97, 36, 0, 24 | |
| Fantasy Console Sky | #29ADFF | 41, 173, 255 | 203°, 100%, 58% | 84, 32, 0, 0 | |
| Brick Orange | #C14A09 | 193, 74, 9 | 21°, 91%, 40% | 0, 62, 95, 24 | |
| Bay Brown | #773300 | 119, 51, 0 | 26°, 100%, 23% | 0, 57, 100, 53 | |
| Temptatious Tangerine | #FF7733 | 255, 119, 51 | 20°, 100%, 60% | 0, 53, 80, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #29ADFF on #773300 | 3.77:1 | AA large |
| Aa #773300 on #FF7733 | 3.52:1 | AA large |
| Aa #057BC1 on #773300 | 2.04:1 | — |
| Aa #29ADFF on #C14A09 | 2.00:1 | — |
| Aa #C14A09 on #773300 | 1.88:1 | — |
| Aa #C14A09 on #FF7733 | 1.87:1 | — |
CSS variables
:root {
--color-1: #057bc1; /* Star of Life */
--color-2: #29adff; /* Fantasy Console Sky */
--color-3: #c14a09; /* Brick Orange */
--color-4: #773300; /* Bay Brown */
--color-5: #ff7733; /* Temptatious Tangerine */
}Other schemes from Star of Life
- Star of Life Analogous Color Scheme#02C14D#06C2AC#057BC1#0011CC#510AC9
- Star of Life Triadic Color Scheme#057BC1#C20078#77CC00#30A9FF#77074D
- Star of Life Split-complementary Color Scheme#057BC1#C4091E#C4A703#014C76#FF1B2D
- Star of Life Tetradic Color Scheme#057BC1#A104C3#C14A09#11CC00#30A9FF
- Star of Life Monochromatic Color Scheme#001B2E#014C76#057BC1#17A9E5#68C2F5
More Dark Blue complementary palettes
- 20000 Leagues Under the Sea Complementary Color Scheme#191970#2425B9#706C11#36310D#CCCB2F
- 3AM in Shibuya Complementary Color Scheme#225577#3887BD#704822#332211#C6723B
- Abyssal Complementary Color Scheme#404C57#5C7B97#5C4939#2E211B#9E7C5E
- Aegean Blue Complementary Color Scheme#1B416F#2C6FBB#72491E#302010#C57F2E
- Alone in the Dark Complementary Color Scheme#000066#0000CC#666600#1F180A#CCCC00
- Assassin Complementary Color Scheme#2D4F83#417DC1#856829#513116#C39953
- Astral Complementary Color Scheme#376F89#58A0BC#8B5134#553322#C08768
- Atlantic Navy Complementary Color Scheme#13336F#2A52BE#734A12#302010#CC8822
- Atlantis Complementary Color Scheme#336172#4E9AB0#6F4232#3C241B#B37256
- Below the Surface Complementary Color Scheme#0A2F7C#0052CC#7A560E#332200#DD9911
- Beyond the Sea Complementary Color Scheme#005784#0099EE#883300#331100#ED4B00
- Black Market Complementary Color Scheme#222244#484A80#464826#16110D#888844
Questions
What colors go with Star of Life?
In a complementary scheme: Fantasy Console Sky (#29ADFF), Brick Orange (#C14A09), Bay Brown (#773300), Temptatious Tangerine (#FF7733).
What is the hex code of Star of Life?
#057BC1.