Skip to main content

Cloud Burst

#172B4D aka “Squid Ink” by Atlassian

Cloud Burst is a cool dark color with the hex code #172B4D. Also known as "Squid Ink" by Atlassian . This moderately saturated hue can be represented as RGB 23, 43, 77 in digital design or CMYK 70%, 44%, 0%, 70% for print applications. Find matching Pantone color. Currently, 1 brand uses this color in their visual identity, making it a proven choice for professional branding and web design.

Cloud Burst color values

HEX
#172B4D
RGB
23, 43, 77
HSL
218°, 54%, 20%
CMYK
70, 44, 0, 70

Shades & tints

Darker Lighter

About this color

Cloud Burst sits at 218° on the color wheel with 54% saturation and 20% lightness, placing it in the blue segment of the spectrum. The moderate 54% saturation gives it enough color presence to register clearly without competing for dominance in a composition. The lower lightness gives it weight and depth, lending gravity to any palette it enters.

In digital environments, Cloud Burst is rendered as rgb(23, 43, 77), where the blue channel is highest at 77, anchoring the color in the cool register. This cool mid-tone is a reliable choice for UI chrome, informational states, and contexts that call for a calm, readable presence.

For print, Cloud Burst translates to a CMYK breakdown of 70C 44M 0Y 70K. A substantial black component (70%) anchors this color in print. The remaining ink channels supplement rather than drive the hue, which keeps the result stable across different paper stocks. In brand applications, this exact value is specified as Squid Ink.

Color harmonies

Complementary

Split-Complementary

How to use Cloud Burst

CSS Variable 

:root {
  --brand-primary: #172B4D;
  --brand-primary-rgb: 23, 43, 77;
}

Define as a CSS custom property for consistent theming across your site.

Tailwind Config 

colors: {
  brand: '#172B4D',
}

Add to your Tailwind config to use classes like bg-brand.

Print Design (CMYK) 

C: 70%
M: 44%
Y: 0%
K: 70%

Use these CMYK values in Adobe Illustrator, InDesign, or print specifications.

RGB for Screens 

rgb(23, 43, 77)
rgba(23, 43, 77, 0.8)

Use RGB notation for compatibility or add alpha channel for transparency.

Brands using Cloud Burst

1 brand uses this color in their identity

Atlassian

Technology • In-house Atlassian

Brands using similar hue

24 brand s with colors near 218° on the color wheel

Best Buy logo
Best Buy
Max logo
Max
Paramount+ logo
Paramount+
Dropbox logo
Dropbox

Frequently asked questions

What color is #172B4D?
#172B4D is Cloud Burst, a cool dark color with RGB values of 23, 43, 77. It has a hue of 218°, 54% saturation, and 20% lightness in the HSL color space.
What is the RGB value of #172B4D?
The RGB color code for #172B4D is rgb(23, 43, 77). This means it contains 23 red, 43 green, and 77 blue in the RGB color model.
Is Cloud Burst a warm or cool color?
Cloud Burst (#172B4D) is a cool color with a hue between 120-300° on the color wheel.
How do I use #172B4D in CSS?
You can use #172B4D in CSS with: background-color: #172B4D; or color: #172B4D; or as an RGB value: rgb(23, 43, 77). For print design, use CMYK: 70%, 44%, 0%, 70%.

Color tools