True Blue

#2D68C4

What color is True Blue?

True blue is a strong, medium-dark blue with a slight cool undertone, hex #2D68C4, close to the color of a cornflower in full bloom. It is vivid without being electric, sitting clearly in the mid-range between navy and sky blue.

What is the meaning of the color True Blue?

The phrase true blue originated in Coventry, England, where local dyers in the 14th and 15th centuries produced a blue cloth prized for holding its color without fading, making the color a byword for steadfastness and reliability. By the 17th century, the term had passed into English as a general expression for loyalty, recorded in political pamphlets supporting the Whig and later the Conservative cause. The phrase carried enough weight that it entered formal party language, with the British Conservative Party adopting true blue as an unofficial color identity through the 19th century. The Australian Labor Party formalized its own opposite use of the phrase, cementing true blue as a documented political and cultural marker on two continents.

RGB
45, 104, 196
HSL
217°, 63%, 47%
CMYK
77, 47, 0, 23
HSV
217°, 77%, 77%
True blue color

What colors go with True Blue?

Colors that pair well with True blue include:
White: clean, open contrast
Navy: deep tonal layering
Gold: warm, rich accent
Soft gray: calm, balanced backdrop
Burnt orange: bold complementary warmth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #2D68C4 color: #2D68C4;
RGB 45, 104, 196 color: rgb(45, 104, 196);
RGB Percentage 18%, 41%, 77% color: rgb(18%, 41%, 77%);
CMYK 77%, 47%, 0%, 23% Not supported in CSS
HSL 217°, 63%, 47% color: hsl(217, 63%, 47%);
HSV 217°, 77%, 77% Not supported in CSS
CIE-LAB 38, -12, -31 color: lab(38% -12 -31);
Decimal 2975940 Not supported in CSS

Color Variations

Shades

#2C66C3
#285CB0
#23529C
#1F4889
#1B3D75
#163362
#12294E
#0D1F3B

Tints

#BDD0F0
#A7C1EB
#91B1E6
#7BA2E1
#6592DC
#4F83D7
#3973D2
#2C66C3

Tones

#2C66C3
#3468BC
#3B6AB4
#436CAD
#4B6DA5
#526F9E
#5A7196
#61738F

Hues

#2C66C3
#642CC3
#C32CB2
#C32C40
#C3892C
#8CC32C
#2CC33E
#2CC3AF

Color Harmonies

Analogous

#2CB2C3
Click to copy
#2D68C4
Click to copy
#3E2CC3
Click to copy

Complementary

#2D68C4
Click to copy
#C3892C
Click to copy

Split Complementary

#2D68C4
Click to copy
#C33E2C
Click to copy
#B2C32C
Click to copy

Triadic

#2D68C4
Click to copy
#C32C66
Click to copy
#66C32C
Click to copy

Tetradic

#2D68C4
Click to copy
#C32CB2
Click to copy
#C3892C
Click to copy
#2CC33E
Click to copy

Square

#2D68C4
Click to copy
#C32CB2
Click to copy
#C3892C
Click to copy
#2CC33E
Click to copy

CSS & Dev Snippets

CSS
.true-blue {
  color: #2D68C4;
}
SCSS
$true-blue: #2D68C4;
RGB
rgb(45, 104, 196)

Accessibility & Contrast

White background

5.40:1
5.40
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

3.89:1
3.89
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags