Turkish Jade Studio palette

Colors in Turkish Jade Studio: HEX, RGB, HSL & OKLCH

• bg

  #D6E8EA

  #D6E8EA color page →

  RGB

  rgb(214 232 234)

  HSL

  hsl(186 32% 88%)

  OKLCH

  oklch(0.918 0.019 204.8)

  WCAG contrast: on white 1.26:1 (Fail) · on black 16.58:1 (AAA)

• surface

  #8DBEC3

  #8DBEC3 color page →

  RGB

  rgb(141 190 195)

  HSL

  hsl(186 31% 66%)

  OKLCH

  oklch(0.769 0.052 204)

  WCAG contrast: on white 2.04:1 (Fail) · on black 10.28:1 (AAA)

• primary

  #3C8D92

  #3C8D92 color page →

  RGB

  rgb(60 141 146)

  HSL

  hsl(183 42% 40%)

  OKLCH

  oklch(0.596 0.078 200.8)

  WCAG contrast: on white 3.87:1 (Fail) · on black 5.41:1 (AA)

• accent

  #175B63

  #175B63 color page →

  RGB

  rgb(23 91 99)

  HSL

  hsl(186 62% 24%)

  OKLCH

  oklch(0.434 0.066 206.6)

  WCAG contrast: on white 7.74:1 (AAA) · on black 2.71:1 (Fail)

• text

  #00292D

  #00292D color page →

  RGB

  rgb(0 41 45)

  HSL

  hsl(185 100% 9%)

  OKLCH

  oklch(0.256 0.044 204.7)

  WCAG contrast: on white 15.49:1 (AAA) · on black 1.35:1 (Fail)

Export Turkish Jade Studio: CSS variables, Tailwind & JSON

:root {
  --bg: #d6e8ea;
  --surface: #8dbec3;
  --primary: #3c8d92;
  --accent: #175b63;
  --text: #00292d;
}

@theme {
  --color-bg: #d6e8ea;
  --color-surface: #8dbec3;
  --color-primary: #3c8d92;
  --color-accent: #175b63;
  --color-text: #00292d;
}

{
  "turkish-jade-studio-4pg": {
    "bg": {
      "$type": "color",
      "$value": "#d6e8ea"
    },
    "surface": {
      "$type": "color",
      "$value": "#8dbec3"
    },
    "primary": {
      "$type": "color",
      "$value": "#3c8d92"
    },
    "accent": {
      "$type": "color",
      "$value": "#175b63"
    },
    "text": {
      "$type": "color",
      "$value": "#00292d"
    }
  }
}