Pure Muted Blue Grove palette

Colors in Pure Muted Blue Grove: HEX, RGB, HSL & OKLCH

• bg

  #EFF8FF

  #EFF8FF color page →

  RGB

  rgb(239 248 255)

  HSL

  hsl(206 100% 97%)

  OKLCH

  oklch(0.974 0.013 241)

  WCAG contrast: on white 1.07:1 (Fail) · on black 19.54:1 (AAA)

• surface

  #78B3D5

  #78B3D5 color page →

  RGB

  rgb(120 179 213)

  HSL

  hsl(202 53% 65%)

  OKLCH

  oklch(0.739 0.079 234.6)

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

• primary

  #2C6FA5

  #2C6FA5 color page →

  RGB

  rgb(44 111 165)

  HSL

  hsl(207 58% 41%)

  OKLCH

  oklch(0.525 0.109 246.4)

  WCAG contrast: on white 5.35:1 (AA) · on black 3.92:1 (Fail)

• accent

  #00465A

  #00465A color page →

  RGB

  rgb(0 70 90)

  HSL

  hsl(193 100% 18%)

  OKLCH

  oklch(0.367 0.069 224.7)

  WCAG contrast: on white 10.37:1 (AAA) · on black 2.02:1 (Fail)

• text

  #010B1A

  #010B1A color page →

  RGB

  rgb(1 11 26)

  HSL

  hsl(216 93% 5%)

  OKLCH

  oklch(0.148 0.038 251.4)

  WCAG contrast: on white 19.73:1 (AAA) · on black 1.06:1 (Fail)

Export Pure Muted Blue Grove: CSS variables, Tailwind & JSON

:root {
  --bg: #eff8ff;
  --surface: #78b3d5;
  --primary: #2c6fa5;
  --accent: #00465a;
  --text: #010b1a;
}

@theme {
  --color-bg: #eff8ff;
  --color-surface: #78b3d5;
  --color-primary: #2c6fa5;
  --color-accent: #00465a;
  --color-text: #010b1a;
}

{
  "pure-muted-blue-grove-7it": {
    "bg": {
      "$type": "color",
      "$value": "#eff8ff"
    },
    "surface": {
      "$type": "color",
      "$value": "#78b3d5"
    },
    "primary": {
      "$type": "color",
      "$value": "#2c6fa5"
    },
    "accent": {
      "$type": "color",
      "$value": "#00465a"
    },
    "text": {
      "$type": "color",
      "$value": "#010b1a"
    }
  }
}