Maroon Colors  ·  Color Library

Palettes / Colors / #859EA3

#859EA3 — Dusty Teal

#859EA3 is a teal color we call Dusty Teal, closest to the named color DarkSeaGreen (#8FBC8F). It belongs to the teal family.

#859EA3 is a cool teal color associated with freshness, clarity and balance. It sits comfortably in the middle: usable for large areas in soft schemes, or as a supporting color beside something stronger.

Its strongest partner is its complement #A38A85; it also sits naturally between #85A399 and #858FA3. In the palettes below you can see it working alongside real color combinations from our collection.

#859EA3 · RGB 133, 158, 163

Download PNG swatch SVG

Color values

HEX#859EA3
RGB133, 158, 163
HSL190°, 14%, 58%
HSV190°, 18%, 64%
CMYK18%, 3%, 0%, 36%
XYZ28.51, 32.08, 39.34
Yxy32.08, 0.2853, 0.3211
CIE-Lab63.41, -7.59, -5.53
Hunter Lab56.64, -6.35, -4.79

RGB & CMYK percentages

Red 52% · Green 62% · Blue 64%

Cyan 18% · Magenta 3% · Yellow 0% · Key 36%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #859EA3 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #859EA3 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #859EA3

.text { color: #859EA3; }
.background { background-color: #859EA3; }
.border { border: 3px solid #859EA3; }
.text-rgb { color: rgb(133, 158, 163); }
.text-hsl { color: hsl(190, 14%, 58%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #859EA3; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(133, 158, 163, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #859EA3; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(133, 158, 163, 0.8); }

HTML: <p style="color:#859EA3">Text here</p> · <div style="background-color:#859EA3">Div content here</div>

Shades of #859EA3

#769298#678389#5C757A#4F6469#44565A#39484C#2C383A#212A2C#14191A#090B0C

Tints of #859EA3

#91A7AC#9CB0B4#A5B7BB#B1C1C4#BCCACD#C8D3D5#D3DCDE#DCE3E5#E8EDED#F3F6F6

Tones of #859EA3

#879CA1#899B9F#8B9A9C#8D989A#909798#929596

Color harmonies

Complementary — #A38A85:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.83:1 Fails
Against black text7.42:1 AAA

Best text color on #859EA3: #000000.

How #859EA3 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #9090A2Deuteranopia · #8E8DA2Tritanopia · #86A1A1

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Material Grey 500 · #9E9E9EMaterial Blue Grey 500 · #607D8BTailwind slate 500 · #64748B

Palettes with a similar color

These palettes use a close neighbour of #859EA3 rather than the exact color:

Palette 80a3a2
#80A3A2 · #ABCECF · #C4DCE0 · #DAF4F5
Palette 316b83
#316B83 · #6D8299 · #8CA1A5 · #D5BFBF
Palette 4c585b
#4C585B · #7E99A3 · #A5BFCC · #F4EDD3
Palette F0ebe3
#F0EBE3 · #E4DCCF · #7D9D9C · #576F72
Palette 22177a
#22177A · #605EA1 · #8EA3A6 · #E6E9AF
Palette F3d5c0
#F3D5C0 · #D4B499 · #889EAF · #506D84

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#80A3A2#8CA1A5#7E99A3#7D9D9C#8EA3A6#889EAF#839B97#849FB0#7C99AC#87AAAA#84A9AC#83ACA7

Browse neighbouring colors

← #859EA2  ·  #859EA4 →

Frequently asked questions

What color is #859EA3?

#859EA3 is Dusty Teal, a teal color (RGB 133, 158, 163). Its closest standard named color is DarkSeaGreen.

What is the RGB and HSL of #859EA3?

#859EA3 is RGB 133, 158, 163 — HSL 190°, 14%, 58% — CMYK 18%, 3%, 0%, 36%.

What colors go with #859EA3?

Its complement is #A38A85; analogous partners are #85A399 and #858FA3. It also appears in 6+ palettes in our collection.

Can I use #859EA3 for text?

Black text on #859EA3 has a contrast ratio of 7.42:1 (passes WCAG AA); white text gives 2.83:1.