Steady Turquoise Tortoise Mirror palette

Colors in Steady Turquoise Tortoise Mirror: HEX, RGB, HSL & OKLCH

• bg

  #E9F1EF

  #E9F1EF color page →

  RGB

  rgb(233 241 239)

  HSL

  hsl(165 22% 93%)

  OKLCH

  oklch(0.952 0.009 179.6)

  WCAG contrast: on white 1.14:1 (Fail) · on black 18.29:1 (AAA)

• surface

  #427E75

  #427E75 color page →

  RGB

  rgb(66 126 117)

  HSL

  hsl(171 31% 38%)

  OKLCH

  oklch(0.55 0.065 183.1)

  WCAG contrast: on white 4.69:1 (AA) · on black 4.47:1 (Fail)

• primary

  #7F5662

  #7F5662 color page →

  RGB

  rgb(127 86 98)

  HSL

  hsl(342 19% 42%)

  OKLCH

  oklch(0.501 0.057 0.2)

  WCAG contrast: on white 6.15:1 (AA) · on black 3.40:1 (Fail)

• accent

  #2E3332

  #2E3332 color page →

  RGB

  rgb(46 51 50)

  HSL

  hsl(168 5% 19%)

  OKLCH

  oklch(0.316 0.007 182.6)

  WCAG contrast: on white 12.83:1 (AAA) · on black 1.63:1 (Fail)

• text

  #03100D

  #03100D color page →

  RGB

  rgb(3 16 13)

  HSL

  hsl(166 68% 4%)

  OKLCH

  oklch(0.158 0.022 178.6)

  WCAG contrast: on white 19.37:1 (AAA) · on black 1.08:1 (Fail)

Export Steady Turquoise Tortoise Mirror: CSS variables, Tailwind & JSON

:root {
  --bg: #e9f1ef;
  --surface: #427e75;
  --primary: #7f5662;
  --accent: #2e3332;
  --text: #03100d;
}

@theme {
  --color-bg: #e9f1ef;
  --color-surface: #427e75;
  --color-primary: #7f5662;
  --color-accent: #2e3332;
  --color-text: #03100d;
}

{
  "steady-turquoise-tortoise-mirror-40p": {
    "bg": {
      "$type": "color",
      "$value": "#e9f1ef"
    },
    "surface": {
      "$type": "color",
      "$value": "#427e75"
    },
    "primary": {
      "$type": "color",
      "$value": "#7f5662"
    },
    "accent": {
      "$type": "color",
      "$value": "#2e3332"
    },
    "text": {
      "$type": "color",
      "$value": "#03100d"
    }
  }
}