ColorPairLabTurquoise hex and RGB values
The CSS keyword turquoise gives you #40E0D0, or rgb(64, 224, 208).
Turquoise brings a bright blue-green to a highlight card. The CSS keyword fixes the digital value; stones, fabrics and paint with that name can vary.
Compare black and white text
| Text / background | Ratio | AA normal | AA large | AAA normal | AAA large |
|---|---|---|---|---|---|
| #000000 / #40E0D0 | 12.79:1 | Pass | Pass | Pass | Pass |
| #FFFFFF / #40E0D0 | 1.64:1 | Fail | Fail | Fail | Fail |
Black text has the higher contrast on turquoise: 12.79:1. The table compares both options against all four text thresholds, using the unrounded values for pass or fail.
Try turquoise in a layout
The CSS sample below uses black text on #40E0D0. Preview a 16 px label and a 24 px heading to compare normal and large text. Swap the colors to try turquoise as the text color; the ratio stays the same.
.sample {
background: #40E0D0;
color: #000000;
}Copy the exact color
Use the converter to copy HEX, RGB or HSL. If you edit in HSL, the final value is rounded to eight-bit sRGB so the preview and exported color agree. For text over an image, gradient or translucent layer, check the finished design separately.