#38BDF8
Color Name
Medium Turquoise
rgb(56, 189, 248)•hsl(198, 93%, 60%)•Lum 0.44
HEX#38BDF8
RGBrgb(56, 189, 248)
HSLhsl(198, 93%, 60%)
HSVhsv(198, 77%, 97%)
CMYKcmyk(77%, 24%, 0%, 3%)
CSS Variable--color-primary: #38BDF8;
CSS Backgroundbackground-color: #38BDF8;
Color Harmonies
Classic color wheel theory relationships derived from #38BDF8. Click any swatch to explore.
Complementary (180°)
Analogous (-30° / +30°)
Triadic (120° / 240°)
Split Complementary (150° / 210°)
Monochromatic (Lightness & Saturation Progression)
Shades & Tints
Step-by-step luminance variations created by adding black (shades) or white (tints).
Shades (Mixing with Black)
#32A8DC
11% Dark#2C93C1
22% Dark#257EA5
33% Dark#1F698A
44% Dark#19546E
56% Dark#133F53
67% Dark#0C2A37
78% Dark#06151C
89% DarkTints (Mixing with White)
#4EC4F9
11% Light#64CCFA
22% Light#7AD3FA
33% Light#90DAFB
44% Light#A7E2FC
56% Light#BDE9FD
67% Light#D3F0FD
78% Light#E9F8FE
89% LightKeep Designing
Use #38BDF8 Across Other Tools
Jump into our contrast checker to test accessibility, generate a gradient, or build a 5-color palette around this shade.