Mediterranean Blue Pulse palette

Colors in Mediterranean Blue Pulse: HEX, RGB, HSL & OKLCH

• bg

  #DDF0FA

  #DDF0FA color page →

  RGB

  rgb(221 240 250)

  HSL

  hsl(201 74% 92%)

  OKLCH

  oklch(0.944 0.024 230.4)

  WCAG contrast: on white 1.17:1 (Fail) · on black 17.91:1 (AAA)

• surface

  #7CBFD7

  #7CBFD7 color page →

  RGB

  rgb(124 191 215)

  HSL

  hsl(196 53% 66%)

  OKLCH

  oklch(0.768 0.076 222.7)

  WCAG contrast: on white 2.04:1 (Fail) · on black 10.29:1 (AAA)

• primary

  #2282B2

  #2282B2 color page →

  RGB

  rgb(34 130 178)

  HSL

  hsl(200 68% 42%)

  OKLCH

  oklch(0.575 0.112 236.1)

  WCAG contrast: on white 4.28:1 (Fail) · on black 4.90:1 (AA)

• accent

  #004B5F

  #004B5F color page →

  RGB

  rgb(0 75 95)

  HSL

  hsl(193 100% 19%)

  OKLCH

  oklch(0.383 0.072 223.3)

  WCAG contrast: on white 9.66:1 (AAA) · on black 2.17:1 (Fail)

• text

  #030E1A

  #030E1A color page →

  RGB

  rgb(3 14 26)

  HSL

  hsl(211 79% 6%)

  OKLCH

  oklch(0.159 0.032 248.1)

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

Export Mediterranean Blue Pulse: CSS variables, Tailwind & JSON

:root {
  --bg: #ddf0fa;
  --surface: #7cbfd7;
  --primary: #2282b2;
  --accent: #004b5f;
  --text: #030e1a;
}

@theme {
  --color-bg: #ddf0fa;
  --color-surface: #7cbfd7;
  --color-primary: #2282b2;
  --color-accent: #004b5f;
  --color-text: #030e1a;
}

{
  "mediterranean-blue-pulse-77v": {
    "bg": {
      "$type": "color",
      "$value": "#ddf0fa"
    },
    "surface": {
      "$type": "color",
      "$value": "#7cbfd7"
    },
    "primary": {
      "$type": "color",
      "$value": "#2282b2"
    },
    "accent": {
      "$type": "color",
      "$value": "#004b5f"
    },
    "text": {
      "$type": "color",
      "$value": "#030e1a"
    }
  }
}