カラーピッカーへ移動

カラーコード #00a989:鮮やかな ティール

#00a989 はRGBで rgb(0, 169, 137)、OKLCHで oklch(65.496% 0.12597 172.826) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

169°
100%

65.5%
0.126
173°
  • ティール
  • 中間
  • 鮮やか
  • 寒色系
  • ≈ ミントグリーン
  • teal-500
  • 黒 34%

sRGBの範囲内:どの画面でも同じように表示されます。

白い文字
2.98:1読みにくい
Lc -61
黒い文字
7.04:1読みやすい · AA
Lc 48

シェード

明るい順に並んでいます。クリックするとそのシェードを使えます。

配色ハーモニー

パレットで開く

最近の色

選んだ色やコピーした色がここに表示されます。データはこの端末に残ります。

#00a989 について

#00a989 は鮮やかな ティールです。OKLCHでは明度 65.5%、クロマ 0.126、色相 173° です。

sRGBの範囲内:どの画面でも同じように表示されます。

この色の上では白い文字のコントラストが 2.98:1、黒い文字が 7.04:1 なので、黒の文字のほうが読みやすくなります。

最も近い名前のある色はミントグリーン(#3eb489)です。Tailwind CSSで最も近い色は teal-500 です。

ほかのティール系の色(中間)系の色

明るく:#00a989 に白を混ぜる

  1. 00a989
  2. 3cb294
  3. 59baa0
  4. 72c3ab
  5. 88ccb7
  6. 9dd4c2
  7. b1ddce
  8. c5e6da
  9. d8eee6
  10. ecf7f3

暗く:#00a989 に黒を混ぜる

  1. 00a989
  2. 009276
  3. 007c64
  4. 006753
  5. 005342
  6. 003f31
  7. 002c22
  8. 001b14
  9. 000a07
  10. 000101

落ち着かせる:#00a989 の彩度を下げる

  1. 00a989
  2. 2da78a
  3. 42a58b
  4. 50a28b
  5. 5da08c
  6. 679e8d
  7. 719b8e
  8. 7a998e
  9. 82968f
  10. 899390

#00a989 についてのよくある質問

#00a989 は何色ですか?

#00a989 は鮮やかな ティールです。最も近い名前のある色は鮮やかな ティールです。RGBでは rgb(0, 169, 137)、HSLでは hsl(168.64, 100%, 33.14%)、OKLCHでは oklch(65.496% 0.12597 172.826) です。

#00a989 に合う色は?

#00a989 の補色は #cb6e98 です。落ち着いた組み合わせにするなら、類似色の #5fa45b と #00a6b2 を使いましょう。トライアドの組み合わせは #9481d6 と #cc7940 です。

#00a989 の上では白と黒のどちらの文字が読みやすいですか?

#00a989 の上では黒の文字のほうが読みやすくなります。白はコントラスト比 2.98:1、黒は 7.04:1 です。WCAG AAでは本文に4.5:1以上が求められます。

#00a989 は暖色と寒色のどちらですか?

#00a989 は寒色系の色です。OKLCHでは色相 173度、明度 65.5%、クロマ 0.126 です。