Steady Turkish Jade Lattice palette

Colors in Steady Turkish Jade Lattice: HEX, RGB, HSL & OKLCH

• bg

  #D6E3E4

  #D6E3E4 color page →

  RGB

  rgb(214 227 228)

  HSL

  hsl(184 21% 87%)

  OKLCH

  oklch(0.906 0.014 202.4)

  WCAG contrast: on white 1.31:1 (Fail) · on black 15.96:1 (AAA)

• surface

  #8FBEB5

  #8FBEB5 color page →

  RGB

  rgb(143 190 181)

  HSL

  hsl(169 27% 65%)

  OKLCH

  oklch(0.765 0.051 181.8)

  WCAG contrast: on white 2.05:1 (Fail) · on black 10.20:1 (AAA)

• primary

  #1C848E

  #1C848E color page →

  RGB

  rgb(28 132 142)

  HSL

  hsl(185 67% 33%)

  OKLCH

  oklch(0.562 0.089 204.9)

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

• accent

  #1E5066

  #1E5066 color page →

  RGB

  rgb(30 80 102)

  HSL

  hsl(198 55% 26%)

  OKLCH

  oklch(0.408 0.064 230.2)

  WCAG contrast: on white 8.76:1 (AAA) · on black 2.39:1 (Fail)

• text

  #001C1F

  #001C1F color page →

  RGB

  rgb(0 28 31)

  HSL

  hsl(186 100% 6%)

  OKLCH

  oklch(0.207 0.035 204.5)

  WCAG contrast: on white 17.70:1 (AAA) · on black 1.18:1 (Fail)

Export Steady Turkish Jade Lattice: CSS variables, Tailwind & JSON

:root {
  --bg: #d6e3e4;
  --surface: #8fbeb5;
  --primary: #1c848e;
  --accent: #1e5066;
  --text: #001c1f;
}

@theme {
  --color-bg: #d6e3e4;
  --color-surface: #8fbeb5;
  --color-primary: #1c848e;
  --color-accent: #1e5066;
  --color-text: #001c1f;
}

{
  "steady-turkish-jade-lattice-3hk": {
    "bg": {
      "$type": "color",
      "$value": "#d6e3e4"
    },
    "surface": {
      "$type": "color",
      "$value": "#8fbeb5"
    },
    "primary": {
      "$type": "color",
      "$value": "#1c848e"
    },
    "accent": {
      "$type": "color",
      "$value": "#1e5066"
    },
    "text": {
      "$type": "color",
      "$value": "#001c1f"
    }
  }
}