Fire Opal Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #fd3c06; /* Fire Opal */
  --color-2: #00ff33; /* Lucent Lime */
  --color-3: #3f00ff; /* Electric Ultramarine */
  --color-4: #ff8c69; /* Salmon Orange */
  --color-5: #00bb22; /* Pedestrian Green */
}

Other schemes from Fire Opal

• #FD3C06

  #FF8866

  #02CCFE

  #018CB6

  #66DDFF
  Fire Opal Complementary Color Scheme
• #F504C9

  #FD004D

  #FD3C06

  #FEB308

  #CCFF02
  Fire Opal Analogous Color Scheme
• #FD3C06

  #00FFBB

  #0247FE

  #B52604

  #55FFCC
  Fire Opal Split-complementary Color Scheme
• #FD3C06

  #4AFF00

  #02CCFE

  #BB02FE

  #FF8C69
  Fire Opal Tetradic Color Scheme
• #711A00

  #B52604

  #FD3C06

  #FF7952

  #FFB49B
  Fire Opal Monochromatic Color Scheme

More Medium Red triadic palettes

• #C93F38

  #32CD32

  #243BCD

  #DA8C87

  #318F33
  100 Mph Triadic Color Scheme
• #EC0003

  #00EE00

  #0000EE

  #FF5555

  #00A800
  Alarm Triadic Color Scheme
• #AB6F60

  #69B076

  #7761AB

  #CEADA3

  #407A52
  Amaretto Triadic Color Scheme
• #AE2F48

  #44AA33

  #324AB2

  #DC6C84

  #2B7414
  Amore Triadic Color Scheme
• #DB304A

  #58D332

  #2242C7

  #F08497

  #33AA00
  Anarchist Triadic Color Scheme
• #D82029

  #24D427

  #243BCD

  #ED7777

  #1B8E13
  Angry Tomato Triadic Color Scheme
• #8C5341

  #418C53

  #554488

  #BE8774

  #2B5D34
  Annatto Triadic Color Scheme
• #F81404

  #09F911

  #1600FC

  #FF6E61

  #00AA11
  Apple Cherry Triadic Color Scheme
• #EE3311

  #16F12D

  #3311EE

  #F18870

  #00AA22
  Arcade Fire Triadic Color Scheme
• #F60206

  #00F900

  #0804F9

  #FF6163

  #00AA00
  Assassin’s Red Triadic Color Scheme
• #C44E4F

  #58D854

  #4455CC

  #DD9999

  #318F33
  Autumn Fire Triadic Color Scheme
• #DF3F32

  #3BDE39

  #243BCD

  #EE918D

  #11BB22
  Bacon Strips Triadic Color Scheme