Pure Under the Radar Prism palette

Colors in Pure Under the Radar Prism: HEX, RGB, HSL & OKLCH

• bg

  #DEEFE1

  #DEEFE1 color page →

  RGB

  rgb(222 239 225)

  HSL

  hsl(131 35% 90%)

  OKLCH

  oklch(0.936 0.026 150.8)

  WCAG contrast: on white 1.19:1 (Fail) · on black 17.53:1 (AAA)

• surface

  #86AC82

  #86AC82 color page →

  RGB

  rgb(134 172 130)

  HSL

  hsl(114 20% 59%)

  OKLCH

  oklch(0.705 0.073 142.3)

  WCAG contrast: on white 2.54:1 (Fail) · on black 8.23:1 (AAA)

• primary

  #3A6E38

  #3A6E38 color page →

  RGB

  rgb(58 110 56)

  HSL

  hsl(118 33% 33%)

  OKLCH

  oklch(0.488 0.1 143.1)

  WCAG contrast: on white 6.05:1 (AA) · on black 3.46:1 (Fail)

• accent

  #004B30

  #004B30 color page →

  RGB

  rgb(0 75 48)

  HSL

  hsl(158 100% 15%)

  OKLCH

  oklch(0.365 0.081 161.1)

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

• text

  #040D04

  #040D04 color page →

  RGB

  rgb(4 13 4)

  HSL

  hsl(120 53% 3%)

  OKLCH

  oklch(0.145 0.027 144)

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

Export Pure Under the Radar Prism: CSS variables, Tailwind & JSON

:root {
  --bg: #deefe1;
  --surface: #86ac82;
  --primary: #3a6e38;
  --accent: #004b30;
  --text: #040d04;
}

@theme {
  --color-bg: #deefe1;
  --color-surface: #86ac82;
  --color-primary: #3a6e38;
  --color-accent: #004b30;
  --color-text: #040d04;
}

{
  "pure-under-the-radar-prism-k": {
    "bg": {
      "$type": "color",
      "$value": "#deefe1"
    },
    "surface": {
      "$type": "color",
      "$value": "#86ac82"
    },
    "primary": {
      "$type": "color",
      "$value": "#3a6e38"
    },
    "accent": {
      "$type": "color",
      "$value": "#004b30"
    },
    "text": {
      "$type": "color",
      "$value": "#040d04"
    }
  }
}