Classic Turkish Jade Circuit palette

Colors in Classic Turkish Jade Circuit: HEX, RGB, HSL & OKLCH

• bg

  #DDF3F6

  #DDF3F6 color page →

  RGB

  rgb(221 243 246)

  HSL

  hsl(187 58% 92%)

  OKLCH

  oklch(0.949 0.023 206.6)

  WCAG contrast: on white 1.15:1 (Fail) · on black 18.22:1 (AAA)

• surface

  #008A95

  #008A95 color page →

  RGB

  rgb(0 138 149)

  HSL

  hsl(184 100% 29%)

  OKLCH

  oklch(0.578 0.099 204.7)

  WCAG contrast: on white 4.14:1 (Fail) · on black 5.06:1 (AA)

• primary

  #865983

  #865983 color page →

  RGB

  rgb(134 89 131)

  HSL

  hsl(304 20% 44%)

  OKLCH

  oklch(0.528 0.084 329)

  WCAG contrast: on white 5.56:1 (AA) · on black 3.77:1 (Fail)

• accent

  #755E29

  #755E29 color page →

  RGB

  rgb(117 94 41)

  HSL

  hsl(42 48% 31%)

  OKLCH

  oklch(0.494 0.077 85.8)

  WCAG contrast: on white 6.19:1 (AA) · on black 3.38:1 (Fail)

• text

  #00171A

  #00171A color page →

  RGB

  rgb(0 23 26)

  HSL

  hsl(187 100% 5%)

  OKLCH

  oklch(0.187 0.032 205.8)

  WCAG contrast: on white 18.46:1 (AAA) · on black 1.13:1 (Fail)

Export Classic Turkish Jade Circuit: CSS variables, Tailwind & JSON

:root {
  --bg: #ddf3f6;
  --surface: #008a95;
  --primary: #865983;
  --accent: #755e29;
  --text: #00171a;
}

@theme {
  --color-bg: #ddf3f6;
  --color-surface: #008a95;
  --color-primary: #865983;
  --color-accent: #755e29;
  --color-text: #00171a;
}

{
  "classic-turkish-jade-circuit-4l3": {
    "bg": {
      "$type": "color",
      "$value": "#ddf3f6"
    },
    "surface": {
      "$type": "color",
      "$value": "#008a95"
    },
    "primary": {
      "$type": "color",
      "$value": "#865983"
    },
    "accent": {
      "$type": "color",
      "$value": "#755e29"
    },
    "text": {
      "$type": "color",
      "$value": "#00171a"
    }
  }
}