Steady Neptune Studio palette

Colors in Steady Neptune Studio: HEX, RGB, HSL & OKLCH

• bg

  #E1F8FF

  #E1F8FF color page →

  RGB

  rgb(225 248 255)

  HSL

  hsl(194 100% 94%)

  OKLCH

  oklch(0.964 0.026 217.9)

  WCAG contrast: on white 1.10:1 (Fail) · on black 19.07:1 (AAA)

• surface

  #82B3C5

  #82B3C5 color page →

  RGB

  rgb(130 179 197)

  HSL

  hsl(196 37% 64%)

  OKLCH

  oklch(0.738 0.058 222.7)

  WCAG contrast: on white 2.28:1 (Fail) · on black 9.20:1 (AAA)

• primary

  #2D7DA7

  #2D7DA7 color page →

  RGB

  rgb(45 125 167)

  HSL

  hsl(201 58% 42%)

  OKLCH

  oklch(0.56 0.1 235.7)

  WCAG contrast: on white 4.56:1 (AA) · on black 4.60:1 (AA)

• accent

  #005564

  #005564 color page →

  RGB

  rgb(0 85 100)

  HSL

  hsl(189 100% 20%)

  OKLCH

  oklch(0.414 0.073 214.9)

  WCAG contrast: on white 8.45:1 (AAA) · on black 2.48:1 (Fail)

• text

  #021323

  #021323 color page →

  RGB

  rgb(2 19 35)

  HSL

  hsl(209 89% 7%)

  OKLCH

  oklch(0.181 0.042 246.7)

  WCAG contrast: on white 18.75:1 (AAA) · on black 1.11:1 (Fail)

Export Steady Neptune Studio: CSS variables, Tailwind & JSON

:root {
  --bg: #e1f8ff;
  --surface: #82b3c5;
  --primary: #2d7da7;
  --accent: #005564;
  --text: #021323;
}

@theme {
  --color-bg: #e1f8ff;
  --color-surface: #82b3c5;
  --color-primary: #2d7da7;
  --color-accent: #005564;
  --color-text: #021323;
}

{
  "steady-neptune-studio-211": {
    "bg": {
      "$type": "color",
      "$value": "#e1f8ff"
    },
    "surface": {
      "$type": "color",
      "$value": "#82b3c5"
    },
    "primary": {
      "$type": "color",
      "$value": "#2d7da7"
    },
    "accent": {
      "$type": "color",
      "$value": "#005564"
    },
    "text": {
      "$type": "color",
      "$value": "#021323"
    }
  }
}