What font does dict.cc use?

dict.cc’s website uses one typeface: arial (headings and body text), a system font.

What are dict.cc’s brand colours?

The main colours on dict.cc are Dark Orange (#FF8C00), Royal Blue (#3366CC), Dark Slate Blue (#003399), Lemon Chiffon (#FFFFCC), Gold (#FFCC66) and White (#FFFFFF).

What colour is dict.cc’s text and background?

Body text is #666666 on a #FFFFFF background.

Is this dict.cc’s official style guide?

No. SiteStyleGuide made it from dict.cc’s public web pages on 26 October 2026, and isn’t affiliated with dict.cc. Members can refresh a guide after 90 days to pick up changes.

Unofficial A style guide made by SiteStyleGuide from dict.cc’s public web pages. Not affiliated with or endorsed by dict.cc. The real site is dict.cc ↗

Unofficial style guide

dict.ccstyle guide

dict.cc’s website (dict.cc) uses arial for its headings and body text. Its palette is led by Dark Orange (#FF8C00), Royal Blue (#3366CC) and Dark Slate Blue (#003399), with #666666 text on #FFFFFF. Captured from the live site on 26 October 2026.

Website: dict.cc
Typefaces: arial, Tahoma
Palette: 4 neutrals, 5 colours
Captured: 26 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the dict.cc homepage on a desktop screen — Screenshot of dict.cc on a 1440 px desktop screen, 26 Oct 2026.

Screenshot of the dict.cc homepage on a phone — On a phone, 390 px.

Identity & metadata

What browsers, search engines and social cards show before anyone reaches the page, from the homepage’s <head>.

Title &
description

Page title: dict.cc | German-English dictionary; ● 35 / 60 characters
Meta description: dict.cc German-English dictionary - English-German translations.; ● 64 / 160 characters

In search results

dict.cchttps://www.dict.cc/

dict.cc | German-English dictionary

dict.cc German-English dictionary - English-German translations.

When shared

No og:image, so no picture

dict.cc

dict.cc | German-English dictionary

dict.cc German-English dictionary - English-German translations.

Logo & favicons

No logo could be found on the homepage.

Logo

Favicons

2 found

16 px · PNG shortcut icon
16 px · ICO favicon.ico

dict.cc | German-English dictionary

Light browser tab

dict.cc | German-English dictionary

Dark browser tab

Colour

Read from the site’s stylesheets and weighted by where each colour is used. Names are the nearest standard colour name. Click a swatch to copy its hex code.

Contrast is against the site’s text colour (#666666) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.

Colour

Balance

How much each colour is used

White 23.3%
Light Grey 17.3%
Off White 16.7%
Dark Grey 14.4%
Dark Orange 11.5%
Royal Blue 9%
Dark Slate Blue 3.3%
Lemon Chiffon 2.7%
Gold 1.7%

By how often each colour appears in the site’s CSS, weighted by where (body, headings, buttons), not by area on the screen.

Neutrals

Text, backgrounds and structure

White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 0

On text
5.74:1 AA

On white
—

Text, background, border · body, inline style on <a>
Light Grey

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 20

On text
3.58:1 AA large

On white
1.61:1 Fail

Background, border · inline style on <td>, inline style on <img>
Off White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 7

On text
4.95:1 AA

On white
1.16:1 Fail

Background · inline style on <td>, .td4
Dark Grey

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 60

On text
—

On white
5.74:1 AA

Text, border, background · inline style on <div>, .td2

Colours

Brand colours and accents, most used first

Dark Orange

HEX

RGB

HSL

OKLCH

CMYK
0 45 100 0

On text
2.46:1 Fail

On white
2.33:1 Fail

Text, background, border · h1.mainheadline, .hl1
Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
75 50 0 20

On text
1.07:1 Fail

On white
5.37:1 AA

Text, background, border · .hl3, .bluebar
Dark Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
100 67 0 40

On text
1.89:1 Fail

On white
10.86:1 AAA

Text · inline style on <a>, abbr
Lemon Chiffon

HEX

RGB

HSL

OKLCH

CMYK
0 0 20 0

On text
5.59:1 AA

On white
1.03:1 Fail

Background · .rightmsg, .msg
Gold

HEX

RGB

HSL

OKLCH

CMYK
0 20 60 0

On text
3.85:1 AA large

On white
1.49:1 Fail

Background, border · .subnav, .gameanswer:hover

Typography

Faces from Google Fonts are shown in the real thing. Others are licensed to the site, so they show in your device’s copy if you have one, or a stand-in if not.

arial

Aa 400

arial

System font, or not loaded on this page · body · shown in a stand-in if you don’t have it

Aa 400

Tahoma

System font, or not loaded on this page · shown in a stand-in if you don’t have it

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ! ? & @ % $ – ’ “ ”

Type scale

From the site’s CSS

Heading 1 16px weight 700

dict.cc

Heading 2 12pt · 16 px weight 700

dict.cc | German-English dictionary

Heading 3 14px weight 700

dict.cc | German-English dictionary

Body 13px arial

dict.cc German-English dictionary - English-German translations.

Paragraph 13px arial

dict.cc German-English dictionary - English-German translations.

Link 13px weight 700 · Tahoma

Sizes in use

Most common across the site

20px1 rules
16px2 rules
14px2 rules
13px3 rules
12px1 rules
11px3 rules
10px6 rules

Elements

The main button and link as the site’s CSS draws them, and the corner radii and shadows it uses most.

Elements

No button, link, radius or shadow styles could be read.

Layout

Breakpoints from the site’s media queries and the widths its content is held to, with how often each appears.

Grid

Content widths (max-width)

320 px

Notes

Plain checks on what was found. Worth fixing if you look after this site.

Notes

● FineThe title is 35 characters, short enough to show in full in search results.
▲ CheckThere is no og:image, so links shared on social media show no picture.
▲ CheckThe page doesn’t declare its language (the lang attribute on <html>).

Questions

Quick answers, from the same capture as the rest of this guide.

Questions

What font does dict.cc use?: dict.cc’s website uses one typeface: arial (headings and body text), a system font.
What are dict.cc’s brand colours?: The main colours on dict.cc are Dark Orange (#FF8C00), Royal Blue (#3366CC), Dark Slate Blue (#003399), Lemon Chiffon (#FFFFCC), Gold (#FFCC66) and White (#FFFFFF).
What colour is dict.cc’s text and background?: Body text is #666666 on a #FFFFFF background.
Is this dict.cc’s official style guide?: No. SiteStyleGuide made it from dict.cc’s public web pages on 26 October 2026, and isn’t affiliated with dict.cc. Members can refresh a guide after 90 days to pick up changes.

Design tokens

Everything above as CSS variables, ready to paste into a project. Members can download the tokens as files for Figma (Tokens Studio), Style Dictionary and Tailwind.

Tokens

dict-cc-tokens.css

Download

Free with an account: sign up or sign in, and you’ll come straight back here.

/* dict.cc design tokens, from SiteStyleGuide (https://sitestyleguide.com/dict.cc) */
:root {
  /* Colours */
  --text: #666666;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-light-grey: #CCCCCC;
  --colour-off-white: #EEEEEE;
  --colour-dark-grey: #666666;
  --colour-dark-orange: #FF8C00;
  --colour-royal-blue: #3366CC;
  --colour-dark-slate-blue: #003399;
  --colour-lemon-chiffon: #FFFFCC;
  --colour-gold: #FFCC66;

  /* Typefaces */
  --font-body: serif, 'arial', 'helvetica';
  --font-other: 'Tahoma', 'sans serif';

  /* Type scale */
  --text-h1: 16px;
  --text-h2: 12pt;
  --text-h3: 14px;
  --text-body: 13px;
  --text-p: 13px;
  --text-a: 13px;
}

{
    "site": "dict.cc",
    "source": "https://sitestyleguide.com/dict.cc",
    "text": "#666666",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Light Grey",
            "hex": "#CCCCCC",
            "rgb": [
                204,
                204,
                204
            ]
        },
        {
            "name": "Off White",
            "hex": "#EEEEEE",
            "rgb": [
                238,
                238,
                238
            ]
        },
        {
            "name": "Dark Grey",
            "hex": "#666666",
            "rgb": [
                102,
                102,
                102
            ]
        },
        {
            "name": "Dark Orange",
            "hex": "#FF8C00",
            "rgb": [
                255,
                140,
                0
            ]
        },
        {
            "name": "Royal Blue",
            "hex": "#3366CC",
            "rgb": [
                51,
                102,
                204
            ]
        },
        {
            "name": "Dark Slate Blue",
            "hex": "#003399",
            "rgb": [
                0,
                51,
                153
            ]
        },
        {
            "name": "Lemon Chiffon",
            "hex": "#FFFFCC",
            "rgb": [
                255,
                255,
                204
            ]
        },
        {
            "name": "Gold",
            "hex": "#FFCC66",
            "rgb": [
                255,
                204,
                102
            ]
        }
    ],
    "fonts": [
        {
            "name": "arial",
            "stack": "serif, arial, helvetica",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Tahoma",
            "stack": "Tahoma, sans serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        }
    ]
}

Other websites using arial as their main typeface

google.cn

google.cn · set in arial
Save
European Union

europa.eu · set in arial
Save
360官网 -360安全中心

360.cn · set in arial
Save
calculator.net

calculator.net · set in arial
Save

Websites whose lead colour is closest to dict.cc’s

overcast.fm

overcast.fm · 2 days ago
Save
ADSCHEMIST

adschemist.com · 6 days ago
Save
Resurf

resurf.so · 2 days ago
Save
mysql.com

mysql.com · 3 days ago
Save

Captured from dict.cc on 26 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by dict.cc; this guide describes the public website for reference.

dict.ccstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Light Grey

Off White

Dark Grey

Colours

Dark Orange

Royal Blue

Dark Slate Blue

Lemon Chiffon

Gold

arial

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run dict.cc?

Also set in arial

google.cn

European Union

360官网 -360安全中心

calculator.net

Similar colours

overcast.fm

ADSCHEMIST

Resurf

mysql.com

Title &
description