True Viking Diva Circuit palette

Colors in True Viking Diva Circuit: HEX, RGB, HSL & OKLCH

• bg

  #F1F2F6

  #F1F2F6 color page →

  RGB

  rgb(241 242 246)

  HSL

  hsl(228 22% 95%)

  OKLCH

  oklch(0.962 0.005 275)

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

• surface

  #D9E3FF

  #D9E3FF color page →

  RGB

  rgb(217 227 255)

  HSL

  hsl(224 100% 93%)

  OKLCH

  oklch(0.917 0.04 270)

  WCAG contrast: on white 1.28:1 (Fail) · on black 16.38:1 (AAA)

• primary

  #CBBCE7

  #CBBCE7 color page →

  RGB

  rgb(203 188 231)

  HSL

  hsl(261 47% 82%)

  OKLCH

  oklch(0.822 0.062 301)

  WCAG contrast: on white 1.76:1 (Fail) · on black 11.88:1 (AAA)

• accent

  #9EC3D7

  #9EC3D7 color page →

  RGB

  rgb(158 195 215)

  HSL

  hsl(201 42% 73%)

  OKLCH

  oklch(0.797 0.049 231.8)

  WCAG contrast: on white 1.86:1 (Fail) · on black 11.24:1 (AAA)

• text

  #263047

  #263047 color page →

  RGB

  rgb(38 48 71)

  HSL

  hsl(222 30% 21%)

  OKLCH

  oklch(0.311 0.044 265.9)

  WCAG contrast: on white 13.15:1 (AAA) · on black 1.59:1 (Fail)

Export True Viking Diva Circuit: CSS variables, Tailwind & JSON

:root {
  --bg: #f1f2f6;
  --surface: #d9e3ff;
  --primary: #cbbce7;
  --accent: #9ec3d7;
  --text: #263047;
}

@theme {
  --color-bg: #f1f2f6;
  --color-surface: #d9e3ff;
  --color-primary: #cbbce7;
  --color-accent: #9ec3d7;
  --color-text: #263047;
}

{
  "true-viking-diva-circuit-3v0": {
    "bg": {
      "$type": "color",
      "$value": "#f1f2f6"
    },
    "surface": {
      "$type": "color",
      "$value": "#d9e3ff"
    },
    "primary": {
      "$type": "color",
      "$value": "#cbbce7"
    },
    "accent": {
      "$type": "color",
      "$value": "#9ec3d7"
    },
    "text": {
      "$type": "color",
      "$value": "#263047"
    }
  }
}