HEX Color #83F0E2 (Turquoise)

About #83F0E2

The hex code #83F0E2 represents a beautifully specific shade of cyan. It is closely associated with the named CSS color Turquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 131, 240, and 226.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 45% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. 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#83F0E2

RGB131, 240, 226

HSL172.3°, 78.4%, 72.7%

CMYK45%, 0%, 6%, 6%

HSV172.3°, 45.4%, 94.1%

LAB88.3, -34.7, -3.0

XYZ54.2, 72.6, 83.1

Decimal8646882

Color Harmonies

Complementary

#83F0E2 #F08290

Analogous

#82F0AB #82C7F0

Triadic

#E282F0 #F0E282

Tetradic

#AB82F0 #F08290 #C7F082

Tints, Shades & Tones

Tints (Adding White)

#83F0E2

#90F1E5

#9EF3E8

#ACF5EB

#BAF6EE

#C7F8F2

#D5FAF5

#E3FBF8

#F1FDFB

#FFFFFF

Shades (Adding Black)

#83F0E2

#74D5C8

#65BAAF

#57A096

#48857D

#3A6A64

#2B504B

#1D3532

#0E1A19

#000000

WCAG Contrast Accessibility

1.35:1

Text on #FFFFFF

FAIL

15.53:1

Text on #000000

AAA

1.29:1

Text on #F8FAFC

FAIL

13.20:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #83F0E2; }

.text-color { color: #83F0E2; }

.border-color { border: 2px solid #83F0E2; }

Similar Colors

Turquoise

#40E0D0