ColorPal

Angular Brand Color

The official Angular brand color is #0F0F11. Use this exact color code to maintain brand consistency across your designs, websites, and marketing materials.

Angular Color Values

HEX

#0F0F11

RGB

15, 15, 17

HSL

240, 6%, 6%

Angular Tints & Shades

A range of lighter tints and darker shades derived from the Angular base color.

Tint 50%

#F1F1F3

Tint 40%

#C1C1C8

Tint 30%

#90909D

Tint 20%

#656572

Tint 10%

#3A3A41

Base

#0F0F11

Shade 10%

#0C0C0E

Shade 20%

#0C0C0E

Shade 30%

#0C0C0E

Shade 40%

#0C0C0E

Shade 50%

#0C0C0E

Contrast & Accessibility

White Text

Contrast ratio: 19.15:1

AA: PassAAA: PassAA Large: PassAAA Large: Pass
Black Text

Contrast ratio: 1.10:1

AA: FailAAA: FailAA Large: FailAAA Large: Fail

Frequently Asked Questions

What is the official Angular color?

The official Angular brand color is #0F0F11. In RGB this is rgb(15, 15, 17), and in HSL it is hsl(240, 6%, 6%).

What is the Angular hex code?

The Angular hex color code is #0F0F11. You can use this value directly in CSS, design tools like Figma or Sketch, and any application that accepts hex color codes.

Is the Angular color accessible?

Against white, the Angular color has a contrast ratio of 19.15:1 (passes WCAG AA). Against black, it has 1.10:1 (fails WCAG AA). White text on this color is accessible.

Related Resources