cyancoolCSS named color

Mediumturquoise #48D1CC

Mediumturquoise is a medium, moderately saturated cool-toned color with a cool cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Fresh accents · Aquatic themes

Open in generator →

Families: Cyans · Teals · Turquoise Colors · Aqua Colors

Color values

FormatValue
HEX#48D1CC
RGBrgb(72, 209, 204)
HSLhsl(178, 60%, 55%)
HSVhsv(178, 66%, 82%)
OKLCHoklch(78.68% 0.116 191.6)
OKLaboklab(78.68% -0.1139 -0.0233)
CMYKcmyk(65.6%, 0%, 2.4%, 18%)
XYZxyz(36.3671, 51.3342, 65.1069)
CIE-LABlab(76.9, -37.4, -8.4)
CIE-LCHlch(76.9, 38.3, 192.6°)
Luminance0.513 (WCAG relative)
/* Mediumturquoise */ --mediumturquoise: #48d1cc; color: #48d1cc; background-color: #48d1cc;

Source: W3C CSS named color. CSS keyword: mediumturquoise.

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#43bab5 #3ea39f #388d8a #327875 #2c6361 #264f4d #1f3c3a #182a29 #101818 #000000

Tints (toward white)

#63d6d1 #79dbd6 #8cdfdb #9fe4e0 #b0e9e5 #c0edea #d0f2ef #e0f6f5 #f0fbfa #ffffff

Tones (toward gray)

#5ccfcb #6ccec9 #79ccc8 #85cac6 #90c8c5 #9ac6c3 #a4c4c2 #adc2c1 #b6c0bf #bebebe

Color harmonies

Complementary

Edit in generator →
#48D1CC
#D1484D
#48d1cc #d1484d

Analogous

Edit in generator →
#48D187
#48D1CC
#4892D1
#48d187 #48d1cc #4892d1

Triadic

Edit in generator →
#48D1CC
#CC48D1
#D1CC48
#48d1cc #cc48d1 #d1cc48

Tetradic

Edit in generator →
#48D1CC
#8748D1
#D1484D
#92D148
#48d1cc #8748d1 #d1484d #92d148

Square

Edit in generator →
#48D1CC
#8748D1
#D1484D
#92D148
#48d1cc #8748d1 #d1484d #92d148

Split Complementary

Edit in generator →
#48D1CC
#D14892
#D18748
#48d1cc #d14892 #d18748

Monochromatic

Edit in generator →
#207F7B
#2CB0AB
#48D1CC
#79DDDA
#AAEAE7
#207f7b #2cb0ab #48d1cc #79ddda #aaeae7

Accessibility & contrast

1.86
#48D1CC on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
11.27
#48D1CC on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on mediumturquoise

11.27
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#C5C7CC
Deuteranopia (green-blind)
#B0B7CD
Tritanopia (blue-blind)
#00D7CF

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Darkturquoise #00CED13.22
Turquoise #40E0D05.00
Topaz #13BBAF6.79
Aqua Blue #02D8E97.42
Tealish #24BCA88.06
Lightseagreen #20B2AA8.55

Colors that go with mediumturquoise

Top matches by hue harmony, contrast and saturation compatibility.

Evergreen #05472A
5.8:1
Analogous hue (Δh ≈24°) — neighbors on the color wheel
Marine #042E60
7.2:1
Analogous hue (Δh ≈35°) — neighbors on the color wheel
Cream #FFFDD0
1.8:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
Peach #FFDAB9
1.4:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Rosewood #65000B
7.2:1
Complementary hue (Δh ≈176°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.