Skip to content

#004AEB Color

#004AEB is rgb(0, 74, 235) in RGB, hsl(221, 100%, 46%) in HSL, and about cmyk(100%, 69%, 0%, 8%) in CMYK. It has no registered color name of its own — the closest is Palatinate Blue (#273BE2), clearly related but distinguishable side by side at ΔE 8.44. White text is the more readable choice on this background.

#004AEB
HEX#004AEB
RGBrgb(0, 74, 235)
HSLhsl(221, 100%, 46%)
HSVhsv(221, 100%, 92%)
CMYKcmyk(100%, 69%, 0%, 8%)
OKLCHoklch(49.5% 0.248 262.9)
LABlab(37.74% 34.37 -87.18)
LCHlch(37.74% 93.71 291.52)

What #004AEB Is Called

Most hex codes have no name: there are 16.7 million of them and a few thousand registered names. These are the named colors nearest to #004AEB, ordered by CIE76 distance in CIELAB. Anything under about ΔE 2 is a difference most people cannot see.

Palatinate Blue#273BE2ΔE 8.44Iridescent Indigo#3C32CDΔE 12.97Philippine Sky Blue#0066FFΔE 13.86Very Light Blue#6666FFΔE 15.52Ultramarine Blue#4166F5ΔE 16.44Majorelle Blue#6050DCΔE 16.96

Browse the full index of named colors A-Z or every blue in the library.

#004AEB Channel Values

How #004AEB breaks down in each color model. Hue is measured in degrees around the color wheel; saturation, lightness, and the CMYK inks are percentages.

ModelChannelsNotes
RGBR 0 · G 74 · B 2358-bit channels as sent to the display
HSLH 221° · S 100% · L 46%Easiest model for building lighter and darker variants
HSVH 221° · S 100% · V 92%Matches the picker in most design tools
CMYKC 100% · M 69% · Y 0% · K 8%Approximate ink mix; confirm with an ICC profile before printing
Luminance6.61:1 vs white · 3.18:1 vs blackWCAG 2.2 relative-luminance contrast ratios

Text Contrast & Accessibility

WCAG 2.2 contrast ratios for text on a #004AEB background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Contrast is one check, not a full accessibility review.

TextWhite text6.61:1AA normal AA large AAA normal
Fails AABlack text3.18:1AA normal AA large AAA normal

Need a specific ratio against another background? Open #004AEB in the contrast checker.

Colors That Go With #004AEB

Pairings derived from color-wheel relationships. The complementary color sits opposite #004AEB; analogous colors sit beside it; triadic and split-complementary sets spread evenly around the wheel. Select any swatch for its own breakdown.

Base
#004AEB
Complementary
#EBA000
Analogous
#00C0EB
Analogous
#2B00EB
Triadic
#EB004A
Triadic
#4AEB00
Split comp.
#EB2B00
Split comp.
#C0EB00

Tints & Shades of #004AEB

Lighter tints and darker shades built by moving the lightness channel while holding hue and saturation, which is what you want for hover states, backgrounds, and text variants.

Tints

#0F5BFF
#3877FF
#5C8FFF
#85ABFF
#A8C4FF
#D1E0FF

Shades

#0041CC
#0037AD
#002D8F
#002470
#001A52
#001033

Want a full 50-950 ramp with semantic roles? Generate design tokens from #004AEB.

How #004AEB Looks with Color Vision Deficiency

Simulated with the Viénot, Brettel & Mollon LMS projection model. Anomalous types are rendered as partial versions of the matching dichromacy, which is an approximation rather than a per-person clinical model.

Typical#004AEB
Protanopia#4343EB
Protanomaly#3446EB
Deuteranopia#3C3CEB
Deuteranomaly#2E42EB
Tritanopia#007171
Tritanomaly#0064AF
Achromatopsia#5D5D5D

Test a full palette in the color blindness simulator.

Using #004AEB in Code

Copy-ready declarations for the places this color usually ends up.

CSS custom property--color-004aeb: #004AEB;
CSS backgroundbackground-color: #004AEB;
Tailwind configcolors: { 'color-004aeb': '#004AEB' }
SwiftUIColor(red: 0.000, green: 0.290, blue: 0.922)
Android XML<color name="color_004aeb">#004AEB</color>
SVG fillfill="#004AEB"

More Blue Colors

#004AEB sits in the blue family. These are its neighbours across that family's full range, each with its own breakdown.

000024fafaff00002ef9fafb000033f8fafc000038f8f8ff000042f5faff000047f5f5ff002147007dfa0f52ba1c39bb2a3439372aac4e3cc364609a7abdff979aaab8dbffd6d6ff

#004AEB Frequently Asked Questions

What color is #004AEB?

#004AEB is a mid-tone blue — rgb(0, 74, 235) in RGB and hsl(221, 100%, 46%) in HSL. It carries no registered color name of its own; the closest named color is Palatinate Blue (#273BE2), which is clearly related but distinguishable side by side at a CIE76 distance of 8.44.

What is the RGB value of #004AEB?

#004AEB is rgb(0, 74, 235) — red 0, green 74, and blue 235 on the 0-255 scale.

What is the CMYK value of #004AEB?

#004AEB converts to approximately cmyk(100%, 69%, 0%, 8%). CMYK output is a mathematical approximation for planning; confirm production print colors with your printer and ICC profile.

Should text on #004AEB be black or white?

White text is the more readable choice. #004AEB scores 6.61:1 against white and 3.18:1 against black, and WCAG 2.2 asks for at least 4.5:1 for normal body text.

Can I write #004AEB as a CSS color keyword?

No. #004AEB is not one of the CSS color keywords, so it has to be written as a hex, rgb() or hsl() value. The closest keyword is mediumslateblue (#7B68EE) at a CIE76 distance of 24.74, which is visibly different.

Open #004AEB in a Tool

Hex to RGBHex to HSLHex to CMYKHex to OKLCHHex to PantoneBuild a paletteMake a gradient

Keep exploring: every blue in the color library, the guide to shades of blue, or the full color library.