HEX Color #57D3BD (Turquoise)

About #57D3BD

When working with digital screens, the color #57D3BD is rendered by mixing light. Its closest recognized web color is Turquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 211, and 189.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 59% C, 0% M, 10% Y, and 17% K. With a hue angle of 169.4 degrees, it sits comfortably in the cyan spectrum.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#57D3BD

RGB87, 211, 189

HSL169.4°, 58.5%, 58.4%

CMYK59%, 0%, 10%, 17%

HSV169.4°, 58.8%, 82.7%

LAB77.5, -39.7, 0.6

XYZ36.4, 52.3, 56.3

Decimal5755837

Color Harmonies

Complementary

#57D3BD #D3566C

Analogous

#56D37F #56AAD3

Triadic

#BD56D3 #D3BD56

Tetradic

#7E56D3 #D3566C #AAD356

Tints, Shades & Tones

Tints (Adding White)

#57D3BD

#69D7C4

#7CDCCB

#8FE1D3

#A1E6DA

#B4EBE1

#C7F0E9

#D9F5F0

#ECFAF7

#FFFFFF

Shades (Adding Black)

#57D3BD

#4DBBA8

#43A493

#3A8C7E

#307569

#265D54

#1D463F

#132E2A

#091715

#000000

WCAG Contrast Accessibility

1.83:1

Text on #FFFFFF

FAIL

11.46:1

Text on #000000

AAA

1.75:1

Text on #F8FAFC

FAIL

9.74:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #57D3BD; }

.text-color { color: #57D3BD; }

.border-color { border: 2px solid #57D3BD; }

Similar Colors

Turquoise

#40E0D0