Colour

#452B98

#452B98
Blue
Dark
Nearest: Rebecca purple

#452B98 is a blue with RGB values 69, 43, 152 and HSL 254°, 56%, 38%. It is a dark colour, so white text on it reaches 10.2:1 contrast (AAA for normal text). The nearest named colour is Rebecca purple.

Colour values

#452B98#452B98

HEX#452B98

RGBrgb(69, 43, 152)

RGB (0–1)0.2706, 0.1686, 0.5961

RGB percentages27.1%, 16.9%, 59.6%

HSLhsl(254.3, 55.9%, 38.2%)

HSV / HSBhsv(254.3, 71.7%, 59.6%)

CMYK54.6%, 71.7%, 0%, 40.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,533,144

CSS custom property--colour: #452B98;

Brightness & contrast

Relative luminance0.0526WCAG 2.x, 0 is black and 1 is white

Perceived brightness71.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 10.23:1

Contrast with white10.23:1WCAG normal text: AAA

Contrast with black2.05:1WCAG normal text: Fail

Greyscale equivalent#383838

Inverted#BAD467

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#00439Bno red cones; affects about 1% of men; ΔE 22.2 from the original

Deuteranopia#003E96no green cones; the most common form, about 1% of men; ΔE 20.6 from the original

Tritanopia#23485Eno blue cones; rare, and affects men and women equally; ΔE 60.3 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text10.23:1WCAG large text: AAA

Contrast with black, large text2.05:1WCAG large text: Fail

Named colours

Rebecca purple · ΔE 10.3 Indigo · ΔE 13.4 Midnight blue · ΔE 15.7 Slate blue · ΔE 18.5 Navy · ΔE 18.5 Dark slateblue · ΔE 20

Nearest named CSS colourRebecca purple (#663399)ΔE 10.31, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#7E982B

Analogous#2B4798, #7B2B98

Triadic#98452B, #2B9845

Split complementary#987C2B, #47982B

Tetradic#982B48, #7E982B, #2B987C

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#B7A8E7

Lighter +30%#9681DB

Lighter +20%#7559D0

Lighter +10%#5736C0

Darker −10%#332070

Darker −20%#211548

Darker −30%#0F0921

Darker −40%#000000

More saturated +25%#3813B0

Less saturated −25%#524380

Channel breakdown

R69

G43

B152

Red69 (27.1%)

Green43 (16.9%)

Blue152 (59.6%)

Hue254.31°

Saturation (HSL)55.9%

Lightness38.24%

Dominant channelBlue

Hex per channelR 45 · G 2B · B 98

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#452B98

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else