⬅️CSS名前付き色 一覧に戻る

turquoise

turquoiseのカラーコードと配色相性を確認できるページです。

turquoiseのカラーコード

色名や色コードはボタンを押すとコピーできます

NAME
turquoise
TURQUOISE
Turquoise
HEX
#40e0d0
#40E0D0
DEC
64,224,208
rgb(64,224,208)
rgba(64,224,208,1)

turquoiseについて

turquoiseはCSSのNamed Colorのひとつです。 カラーコードは#40e0d0です。

CSSで使用する場合はcolor: turquoise;background-color: turquoise;のように指定します。

turquoiseの配色サンプル

turquoiseの上に他の文字を乗せた時の実際のイメージです
色名や色コードをクリックするとコピーできます

一覧の作成にはw3.orgで定義されているものを利用しています。

コントラスト比はWCAG(Web Content Accessibility Guidelines)の基準に基づいて算出しています。判定はfont-size:16px・font-weight:400(通常テキスト)を基準としており、AA(4.5:1以上)・AAA(7:1以上)それぞれのPASS/FAILを表示しています。テキストのサイズや太さが異なる場合は判定基準が変わります。