True Verdant Forest Bloom palette

Colors in True Verdant Forest Bloom: HEX, RGB, HSL & OKLCH

• bg

  #DBE1EF

  #DBE1EF color page →

  RGB

  rgb(219 225 239)

  HSL

  hsl(222 38% 90%)

  OKLCH

  oklch(0.909 0.02 267.3)

  WCAG contrast: on white 1.31:1 (Fail) · on black 16.02:1 (AAA)

• surface

  #6A7495

  #6A7495 color page →

  RGB

  rgb(106 116 149)

  HSL

  hsl(226 17% 50%)

  OKLCH

  oklch(0.563 0.053 271.5)

  WCAG contrast: on white 4.62:1 (AA) · on black 4.54:1 (AA)

• primary

  #73694B

  #73694B color page →

  RGB

  rgb(115 105 75)

  HSL

  hsl(45 21% 37%)

  OKLCH

  oklch(0.522 0.046 91.8)

  WCAG contrast: on white 5.45:1 (AA) · on black 3.85:1 (Fail)

• accent

  #316660

  #316660 color page →

  RGB

  rgb(49 102 96)

  HSL

  hsl(173 35% 30%)

  OKLCH

  oklch(0.472 0.058 185.8)

  WCAG contrast: on white 6.56:1 (AA) · on black 3.20:1 (Fail)

• text

  #0D0F16

  #0D0F16 color page →

  RGB

  rgb(13 15 22)

  HSL

  hsl(227 26% 7%)

  OKLCH

  oklch(0.17 0.015 272.3)

  WCAG contrast: on white 19.14:1 (AAA) · on black 1.09:1 (Fail)

Export True Verdant Forest Bloom: CSS variables, Tailwind & JSON

:root {
  --bg: #dbe1ef;
  --surface: #6a7495;
  --primary: #73694b;
  --accent: #316660;
  --text: #0d0f16;
}

@theme {
  --color-bg: #dbe1ef;
  --color-surface: #6a7495;
  --color-primary: #73694b;
  --color-accent: #316660;
  --color-text: #0d0f16;
}

{
  "true-verdant-forest-bloom-3wb": {
    "bg": {
      "$type": "color",
      "$value": "#dbe1ef"
    },
    "surface": {
      "$type": "color",
      "$value": "#6a7495"
    },
    "primary": {
      "$type": "color",
      "$value": "#73694b"
    },
    "accent": {
      "$type": "color",
      "$value": "#316660"
    },
    "text": {
      "$type": "color",
      "$value": "#0d0f16"
    }
  }
}