Steady Donkey Kong Atelier palette

Colors in Steady Donkey Kong Atelier: HEX, RGB, HSL & OKLCH

• bg

  #DFE8EA

  #DFE8EA color page →

  RGB

  rgb(223 232 234)

  HSL

  hsl(191 21% 90%)

  OKLCH

  oklch(0.925 0.01 212.5)

  WCAG contrast: on white 1.24:1 (Fail) · on black 16.86:1 (AAA)

• surface

  #0086B2

  #0086B2 color page →

  RGB

  rgb(0 134 178)

  HSL

  hsl(195 100% 35%)

  OKLCH

  oklch(0.581 0.116 230.3)

  WCAG contrast: on white 4.15:1 (Fail) · on black 5.05:1 (AA)

• primary

  #A64517

  #A64517 color page →

  RGB

  rgb(166 69 23)

  HSL

  hsl(19 76% 37%)

  OKLCH

  oklch(0.513 0.14 42.4)

  WCAG contrast: on white 6.02:1 (AA) · on black 3.48:1 (Fail)

• accent

  #406800

  #406800 color page →

  RGB

  rgb(64 104 0)

  HSL

  hsl(83 100% 20%)

  OKLCH

  oklch(0.469 0.128 130.9)

  WCAG contrast: on white 6.56:1 (AA) · on black 3.19:1 (Fail)

• text

  #070C0D

  #070C0D color page →

  RGB

  rgb(7 12 13)

  HSL

  hsl(190 30% 4%)

  OKLCH

  oklch(0.149 0.009 210.4)

  WCAG contrast: on white 19.67:1 (AAA) · on black 1.06:1 (Fail)

Export Steady Donkey Kong Atelier: CSS variables, Tailwind & JSON

:root {
  --bg: #dfe8ea;
  --surface: #0086b2;
  --primary: #a64517;
  --accent: #406800;
  --text: #070c0d;
}

@theme {
  --color-bg: #dfe8ea;
  --color-surface: #0086b2;
  --color-primary: #a64517;
  --color-accent: #406800;
  --color-text: #070c0d;
}

{
  "steady-donkey-kong-atelier-3mp": {
    "bg": {
      "$type": "color",
      "$value": "#dfe8ea"
    },
    "surface": {
      "$type": "color",
      "$value": "#0086b2"
    },
    "primary": {
      "$type": "color",
      "$value": "#a64517"
    },
    "accent": {
      "$type": "color",
      "$value": "#406800"
    },
    "text": {
      "$type": "color",
      "$value": "#070c0d"
    }
  }
}