Skip to content

#666B7A Color

#666B7A is rgb(102, 107, 122) in RGB, hsl(225, 9%, 44%) in HSL, and about cmyk(16%, 12%, 0%, 52%) in CMYK. It has no registered color name of its own — the closest is Black Coral (#54626F), clearly related but distinguishable side by side at ΔE 5.8. White text is the more readable choice on this background.

#666B7A
HEX#666B7A
RGBrgb(102, 107, 122)
HSLhsl(225, 9%, 44%)
HSVhsv(225, 16%, 48%)
CMYKcmyk(16%, 12%, 0%, 52%)
OKLCHoklch(52.9% 0.024 270.9)
LABlab(45.19% 0.55 -9.07)
LCHlch(45.19% 9.09 273.48)

What #666B7A 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 #666B7A, ordered by CIE76 distance in CIELAB. Anything under about ΔE 2 is a difference most people cannot see.

Black Coral#54626FΔE 5.8Dark Electric Blue#536878ΔE 6.64Cadet#536872ΔE 7.32Steel#71797EΔE 7.84Slate Gray#708090ΔE 8.6Iron Gray#555D61ΔE 9.01

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

#666B7A Channel Values

How #666B7A 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 102 · G 107 · B 1228-bit channels as sent to the display
HSLH 225° · S 9% · L 44%Easiest model for building lighter and darker variants
HSVH 225° · S 16% · V 48%Matches the picker in most design tools
CMYKC 16% · M 12% · Y 0% · K 52%Approximate ink mix; confirm with an ICC profile before printing
Luminance5.32:1 vs white · 3.95:1 vs blackWCAG 2.2 relative-luminance contrast ratios

Text Contrast & Accessibility

WCAG 2.2 contrast ratios for text on a #666B7A 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 text5.32:1AA normal AA large AAA normal
Fails AABlack text3.95:1AA normal AA large AAA normal

Need a specific ratio against another background? Open #666B7A in the contrast checker.

Colors That Go With #666B7A

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

Base
#666B7A
Complementary
#7A7566
Analogous
#66757A
Analogous
#6B667A
Triadic
#7A666B
Triadic
#6B7A66
Split comp.
#7A6B66
Split comp.
#757A66

Tints & Shades of #666B7A

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

#7A7F90
#8D92A0
#A3A7B2
#BABCC5
#D0D2D8
#E3E4E8

Shades

#585D6A
#4D505C
#3F424B
#31333A
#23252A
#17181C

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

How #666B7A 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#666B7A
Protanopia#6A6A7A
Protanomaly#696B7A
Deuteranopia#69697A
Deuteranomaly#686A7A
Tritanopia#646D6D
Tritanomaly#656C72
Achromatopsia#6B6B6B

Test a full palette in the color blindness simulator.

Using #666B7A in Code

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

CSS custom property--color-666b7a: #666B7A;
CSS backgroundbackground-color: #666B7A;
Tailwind configcolors: { 'color-666b7a': '#666B7A' }
SwiftUIColor(red: 0.400, green: 0.420, blue: 0.478)
Android XML<color name="color_666b7a">#666B7A</color>
SVG fillfill="#666B7A"

More Gray Colors

#666B7A sits in the gray family. These are its neighbours across that family's full range, each with its own breakdown.

27272ad9d9d9292524d8d8d8292929d6d6d62a2d2fd6d3d12b2b2bd4d4d82e2e2ed4d4d435383943494e51484f5c5c5c6b6e707968788389968e8c84a1a1a1acacacbebebed1d1d1

#666B7A Frequently Asked Questions

What color is #666B7A?

#666B7A is a mid-tone gray — rgb(102, 107, 122) in RGB and hsl(225, 9%, 44%) in HSL. It carries no registered color name of its own; the closest named color is Black Coral (#54626F), which is clearly related but distinguishable side by side at a CIE76 distance of 5.8.

What is the RGB value of #666B7A?

#666B7A is rgb(102, 107, 122) — red 102, green 107, and blue 122 on the 0-255 scale.

What is the CMYK value of #666B7A?

#666B7A converts to approximately cmyk(16%, 12%, 0%, 52%). CMYK output is a mathematical approximation for planning; confirm production print colors with your printer and ICC profile.

Should text on #666B7A be black or white?

White text is the more readable choice. #666B7A scores 5.32:1 against white and 3.95:1 against black, and WCAG 2.2 asks for at least 4.5:1 for normal body text.

Can I write #666B7A as a CSS color keyword?

No. #666B7A 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 slategray (#708090) at a CIE76 distance of 8.6, which is clearly related but distinguishable side by side.

Open #666B7A in a Tool

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

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