Pure Turquoise Tortoise Ember palette

Colors in Pure Turquoise Tortoise Ember: HEX, RGB, HSL & OKLCH

• bg

  #E2F1EF

  #E2F1EF color page →

  RGB

  rgb(226 241 239)

  HSL

  hsl(172 35% 92%)

  OKLCH

  oklch(0.946 0.016 187.3)

  WCAG contrast: on white 1.16:1 (Fail) · on black 18.06:1 (AAA)

• surface

  #9DB1A7

  #9DB1A7 color page →

  RGB

  rgb(157 177 167)

  HSL

  hsl(150 11% 65%)

  OKLCH

  oklch(0.742 0.026 164.2)

  WCAG contrast: on white 2.26:1 (Fail) · on black 9.28:1 (AAA)

• primary

  #577E76

  #577E76 color page →

  RGB

  rgb(87 126 118)

  HSL

  hsl(168 18% 42%)

  OKLCH

  oklch(0.562 0.045 180.4)

  WCAG contrast: on white 4.51:1 (AA) · on black 4.65:1 (AA)

• accent

  #294E55

  #294E55 color page →

  RGB

  rgb(41 78 85)

  HSL

  hsl(190 35% 25%)

  OKLCH

  oklch(0.399 0.044 211.1)

  WCAG contrast: on white 9.07:1 (AAA) · on black 2.31:1 (Fail)

• text

  #101E1D

  #101E1D color page →

  RGB

  rgb(16 30 29)

  HSL

  hsl(176 30% 9%)

  OKLCH

  oklch(0.222 0.02 190.2)

  WCAG contrast: on white 17.13:1 (AAA) · on black 1.22:1 (Fail)

Export Pure Turquoise Tortoise Ember: CSS variables, Tailwind & JSON

:root {
  --bg: #e2f1ef;
  --surface: #9db1a7;
  --primary: #577e76;
  --accent: #294e55;
  --text: #101e1d;
}

@theme {
  --color-bg: #e2f1ef;
  --color-surface: #9db1a7;
  --color-primary: #577e76;
  --color-accent: #294e55;
  --color-text: #101e1d;
}

{
  "pure-turquoise-tortoise-ember-6eq": {
    "bg": {
      "$type": "color",
      "$value": "#e2f1ef"
    },
    "surface": {
      "$type": "color",
      "$value": "#9db1a7"
    },
    "primary": {
      "$type": "color",
      "$value": "#577e76"
    },
    "accent": {
      "$type": "color",
      "$value": "#294e55"
    },
    "text": {
      "$type": "color",
      "$value": "#101e1d"
    }
  }
}