Classic King Triton Nexus palette

Colors in Classic King Triton Nexus: HEX, RGB, HSL & OKLCH

• bg

  #DBF8FF

  #DBF8FF color page →

  RGB

  rgb(219 248 255)

  HSL

  hsl(192 100% 93%)

  OKLCH

  oklch(0.96 0.032 213.9)

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

• surface

  #63B6E5

  #63B6E5 color page →

  RGB

  rgb(99 182 229)

  HSL

  hsl(202 71% 64%)

  OKLCH

  oklch(0.742 0.106 235.5)

  WCAG contrast: on white 2.24:1 (Fail) · on black 9.35:1 (AAA)

• primary

  #0083D7

  #0083D7 color page →

  RGB

  rgb(0 131 215)

  HSL

  hsl(203 100% 42%)

  OKLCH

  oklch(0.595 0.159 247.6)

  WCAG contrast: on white 4.01:1 (Fail) · on black 5.22:1 (AA)

• accent

  #004473

  #004473 color page →

  RGB

  rgb(0 68 115)

  HSL

  hsl(205 100% 23%)

  OKLCH

  oklch(0.377 0.1 247.4)

  WCAG contrast: on white 10.12:1 (AAA) · on black 2.07:1 (Fail)

• text

  #010F1A

  #010F1A color page →

  RGB

  rgb(1 15 26)

  HSL

  hsl(206 93% 5%)

  OKLCH

  oklch(0.161 0.033 239.2)

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

Export Classic King Triton Nexus: CSS variables, Tailwind & JSON

:root {
  --bg: #dbf8ff;
  --surface: #63b6e5;
  --primary: #0083d7;
  --accent: #004473;
  --text: #010f1a;
}

@theme {
  --color-bg: #dbf8ff;
  --color-surface: #63b6e5;
  --color-primary: #0083d7;
  --color-accent: #004473;
  --color-text: #010f1a;
}

{
  "classic-king-triton-nexus-6ni": {
    "bg": {
      "$type": "color",
      "$value": "#dbf8ff"
    },
    "surface": {
      "$type": "color",
      "$value": "#63b6e5"
    },
    "primary": {
      "$type": "color",
      "$value": "#0083d7"
    },
    "accent": {
      "$type": "color",
      "$value": "#004473"
    },
    "text": {
      "$type": "color",
      "$value": "#010f1a"
    }
  }
}