Steady Infinity Pool Mirror palette

Colors in Steady Infinity Pool Mirror: HEX, RGB, HSL & OKLCH

• bg

  #E8FAF6

  #E8FAF6 color page →

  RGB

  rgb(232 250 246)

  HSL

  hsl(167 64% 95%)

  OKLCH

  oklch(0.971 0.02 181.1)

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

• surface

  #AAE8E1

  #AAE8E1 color page →

  RGB

  rgb(170 232 225)

  HSL

  hsl(173 57% 79%)

  OKLCH

  oklch(0.887 0.063 187.4)

  WCAG contrast: on white 1.36:1 (Fail) · on black 15.33:1 (AAA)

• primary

  #8DD4E3

  #8DD4E3 color page →

  RGB

  rgb(141 212 227)

  HSL

  hsl(190 61% 72%)

  OKLCH

  oklch(0.828 0.074 212.4)

  WCAG contrast: on white 1.65:1 (Fail) · on black 12.65:1 (AAA)

• accent

  #A5C7AC

  #A5C7AC color page →

  RGB

  rgb(165 199 172)

  HSL

  hsl(132 23% 71%)

  OKLCH

  oklch(0.797 0.053 151.2)

  WCAG contrast: on white 1.84:1 (Fail) · on black 11.36:1 (AAA)

• text

  #253D39

  #253D39 color page →

  RGB

  rgb(37 61 57)

  HSL

  hsl(170 24% 19%)

  OKLCH

  oklch(0.339 0.031 182.8)

  WCAG contrast: on white 11.63:1 (AAA) · on black 1.80:1 (Fail)

Export Steady Infinity Pool Mirror: CSS variables, Tailwind & JSON

:root {
  --bg: #e8faf6;
  --surface: #aae8e1;
  --primary: #8dd4e3;
  --accent: #a5c7ac;
  --text: #253d39;
}

@theme {
  --color-bg: #e8faf6;
  --color-surface: #aae8e1;
  --color-primary: #8dd4e3;
  --color-accent: #a5c7ac;
  --color-text: #253d39;
}

{
  "steady-infinity-pool-mirror-51h": {
    "bg": {
      "$type": "color",
      "$value": "#e8faf6"
    },
    "surface": {
      "$type": "color",
      "$value": "#aae8e1"
    },
    "primary": {
      "$type": "color",
      "$value": "#8dd4e3"
    },
    "accent": {
      "$type": "color",
      "$value": "#a5c7ac"
    },
    "text": {
      "$type": "color",
      "$value": "#253d39"
    }
  }
}