Brand colors

Caltech Brand Colors

Caltech palette: #FF6C0C, #76777B, #FFFFFF. Compare HEX/RGB, WCAG contrast and CSS tokens; open independent JSON data.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Caltech.

Commonly referenced palette Caltech
#FF6C0C#76777B#FFFFFF
Listed without an implied color hierarchy

Palette

Palette color 1#FF6C0CRGB 255, 108, 12
Palette color 2#76777BRGB 118, 119, 123
White#FFFFFFRGB 255, 255, 255

CSS Tokens

:root {
  --brand-caltech-1: #FF6C0C;
  --brand-caltech-2: #76777B;
  --brand-caltech-3: #FFFFFF;
}

Accessibility Snapshot

#FF6C0CBlack 7.4:1 / White 2.84:1
#76777BBlack 4.7:1 / White 4.47:1
#FFFFFFBlack 21:1 / White 1:1

Brand palette context · Editorially reviewed

About Caltech Brand Colors

Caltech’s official system places #FF6C0C orange at the center, supported by neutral, deep, and bright palettes. The identity toolkit recommends reserving the primary orange for smaller highlights rather than filling every available surface, showing that a signature color can become more recognizable through controlled emphasis.

Cool Gray 9 and white provide the restrained technical base represented on this page, while the broader official system supplies dark colors for depth and bright colors for selective expression. Caltech also publishes separate screen, process-print, and spot-color specifications; the values should be chosen for the actual medium rather than converted casually.

This independent reference does not represent Caltech, distribute its marks, or replace its identity toolkit and permissions.

Downloadable brand colors infographic

Caltech Brand Colors Infographic

Save an independent infographic of the commonly referenced Caltech HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

1200 × 800
Caltech brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
Caltech brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Caltech.

Machine-readable data

Machine-Readable Brand Color Data (JSON)

Structured brand palette data for design systems, references, automations, and AI ingestion.

AI-Ready Dataset v1.0.0
Luminance0.3201
Black text7.4:1AA Pass
White text2.84:1AA Fail
hexCanonical HEX value
rgbRed, green, blue channels
hslHue, saturation, lightness
cmykApproximate print conversion
wcagAA and AAA contrast options
harmoniesMathematical harmony sets
variantsGenerated tone variants
nearestColorsKnowledge graph neighbors
Download JSON Open API
Structured sections
Brand
{
  "slug": "caltech",
  "name": "Caltech",
  "category": "education",
  "brandCategory": [
    "Education",
    "education"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/caltech/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/education/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Caltech."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#FF6C0C",
    "rgb": [
      255,
      108,
      12
    ],
    "hsl": [
      24,
      100,
      52
    ],
    "cmyk": [
      0,
      58,
      95,
      0
    ],
    "luminance": 0.3201,
    "contrast": {
      "black": 7.4,
      "white": 2.84
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000"
      ]
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#76777B",
    "rgb": [
      118,
      119,
      123
    ],
    "hsl": [
      228,
      2,
      47
    ],
    "cmyk": [
      4,
      3,
      0,
      52
    ],
    "luminance": 0.1848,
    "contrast": {
      "black": 4.7,
      "white": 4.47
    },
    "wcag": {
      "AA": [
        "#000000"
      ],
      "AAA": []
    }
  },
  {
    "name": "White",
    "hex": "#FFFFFF",
    "rgb": [
      255,
      255,
      255
    ],
    "hsl": [
      0,
      0,
      100
    ],
    "cmyk": [
      0,
      0,
      0,
      0
    ],
    "luminance": 1,
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
AI context
{
  "brandUseCases": [
    "university identity",
    "campus web systems",
    "institutional design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "education brand colors",
    "orange brand palette",
    "gray brand palette",
    "warm brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "muted brand color",
    "light brand color",
    "Caltech color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/caltech.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-caltech-1: #FF6C0C;\n--brand-caltech-2: #76777B;\n--brand-caltech-3: #FFFFFF;"
}
Accessibility
[
  {
    "hex": "#FF6C0C",
    "contrast": {
      "black": 7.4,
      "white": 2.84
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000"
      ]
    }
  },
  {
    "hex": "#76777B",
    "contrast": {
      "black": 4.7,
      "white": 4.47
    },
    "wcag": {
      "AA": [
        "#000000"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
Full JSON dataset
{
  "slug": "caltech",
  "name": "Caltech",
  "category": "education",
  "brandCategory": [
    "Education",
    "education"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Caltech.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/caltech/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/education/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/caltech.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#FF6C0C",
      "rgb": [
        255,
        108,
        12
      ],
      "hsl": [
        24,
        100,
        52
      ],
      "cmyk": [
        0,
        58,
        95,
        0
      ],
      "luminance": 0.3201,
      "contrast": {
        "black": 7.4,
        "white": 2.84
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": [
          "#000000"
        ]
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#76777B",
      "rgb": [
        118,
        119,
        123
      ],
      "hsl": [
        228,
        2,
        47
      ],
      "cmyk": [
        4,
        3,
        0,
        52
      ],
      "luminance": 0.1848,
      "contrast": {
        "black": 4.7,
        "white": 4.47
      },
      "wcag": {
        "AA": [
          "#000000"
        ],
        "AAA": []
      }
    },
    {
      "name": "White",
      "hex": "#FFFFFF",
      "rgb": [
        255,
        255,
        255
      ],
      "hsl": [
        0,
        0,
        100
      ],
      "cmyk": [
        0,
        0,
        0,
        0
      ],
      "luminance": 1,
      "contrast": {
        "black": 21,
        "white": 1
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      }
    }
  ],
  "brandUseCases": [
    "university identity",
    "campus web systems",
    "institutional design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "education brand colors",
    "orange brand palette",
    "gray brand palette",
    "warm brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "muted brand color",
    "light brand color",
    "Caltech color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/caltech.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}