カラーピッカーへ移動

カラーコード #5ce2bb:鮮やかな 明るいエメラルド

#5ce2bb はRGBで rgb(92, 226, 187)、OKLCHで oklch(82.822% 0.13059 170.768) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

163°
100%

82.8%
0.131
171°
  • エメラルド
  • 明るい
  • 鮮やか
  • 寒色系
  • ≈ ターコイズ
  • emerald-300
  • 黒 11%

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

白い文字
1.61:1読みにくい
Lc -31
黒い文字
13.05:1読みやすい · AA
Lc 77

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#5ce2bb について

#5ce2bb は鮮やかな 明るいエメラルドです。OKLCHでは明度 82.8%、クロマ 0.131、色相 171° です。

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

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

最も近い名前のある色はターコイズ(#40e0d0)です。Tailwind CSSで最も近い色は emerald-300 です。

ほかのエメラルド系の色(明るい)系の色

明るく:#5ce2bb に白を混ぜる

  1. 5ce2bb
  2. 72e5c2
  3. 86e8c8
  4. 97ebcf
  5. a8eed6
  6. b7f1dd
  7. c6f4e3
  8. d5f7ea
  9. e3faf1
  10. f1fcf8

暗く:#5ce2bb に黒を混ぜる

  1. 5ce2bb
  2. 4fc4a2
  3. 42a88a
  4. 368c73
  5. 2a715c
  6. 1f5746
  7. 143e32
  8. 0a271f
  9. 03120d
  10. 000302

落ち着かせる:#5ce2bb の彩度を下げる

  1. 5ce2bb
  2. 6ce0bc
  3. 7addbd
  4. 87dabf
  5. 92d8c0
  6. 9cd5c1
  7. a6d2c2
  8. aecfc3
  9. b7cdc4
  10. bfcac5

#5ce2bb についてのよくある質問

#5ce2bb は何色ですか?

#5ce2bb は鮮やかな 明るいエメラルドです。最も近い名前のある色は鮮やかな 明るいエメラルドです。RGBでは rgb(92, 226, 187)、HSLでは hsl(162.54, 69.79%, 62.35%)、OKLCHでは oklch(82.822% 0.13059 170.768) です。

#5ce2bb に合う色は?

#5ce2bb の補色は #ffa2d1 です。落ち着いた組み合わせにするなら、類似色の #97dc8b と #37e0e9 を使いましょう。トライアドの組み合わせは #c6b9ff と #ffad76 です。

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

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

#5ce2bb は暖色と寒色のどちらですか?

#5ce2bb は寒色系の色です。OKLCHでは色相 171度、明度 82.8%、クロマ 0.131 です。