Steady Hot Brown Prism palette

Colors in Steady Hot Brown Prism: HEX, RGB, HSL & OKLCH

• bg

  #EFF5F6

  #EFF5F6 color page →

  RGB

  rgb(239 245 246)

  HSL

  hsl(189 28% 95%)

  OKLCH

  oklch(0.966 0.007 208.8)

  WCAG contrast: on white 1.10:1 (Fail) · on black 19.06:1 (AAA)

• surface

  #0082A7

  #0082A7 color page →

  RGB

  rgb(0 130 167)

  HSL

  hsl(193 100% 33%)

  OKLCH

  oklch(0.565 0.109 226.6)

  WCAG contrast: on white 4.42:1 (Fail) · on black 4.75:1 (AA)

• primary

  #993F1D

  #993F1D color page →

  RGB

  rgb(153 63 29)

  HSL

  hsl(16 68% 36%)

  OKLCH

  oklch(0.484 0.129 39.8)

  WCAG contrast: on white 6.81:1 (AA) · on black 3.08:1 (Fail)

• accent

  #032F37

  #032F37 color page →

  RGB

  rgb(3 47 55)

  HSL

  hsl(189 90% 11%)

  OKLCH

  oklch(0.281 0.047 213.2)

  WCAG contrast: on white 14.32:1 (AAA) · on black 1.46:1 (Fail)

• text

  #000E13

  #000E13 color page →

  RGB

  rgb(0 14 19)

  HSL

  hsl(196 100% 4%)

  OKLCH

  oklch(0.151 0.027 218.1)

  WCAG contrast: on white 19.58:1 (AAA) · on black 1.07:1 (Fail)

Export Steady Hot Brown Prism: CSS variables, Tailwind & JSON

:root {
  --bg: #eff5f6;
  --surface: #0082a7;
  --primary: #993f1d;
  --accent: #032f37;
  --text: #000e13;
}

@theme {
  --color-bg: #eff5f6;
  --color-surface: #0082a7;
  --color-primary: #993f1d;
  --color-accent: #032f37;
  --color-text: #000e13;
}

{
  "steady-hot-brown-prism-7be": {
    "bg": {
      "$type": "color",
      "$value": "#eff5f6"
    },
    "surface": {
      "$type": "color",
      "$value": "#0082a7"
    },
    "primary": {
      "$type": "color",
      "$value": "#993f1d"
    },
    "accent": {
      "$type": "color",
      "$value": "#032f37"
    },
    "text": {
      "$type": "color",
      "$value": "#000e13"
    }
  }
}