カラーピッカーへ移動

カラーコード #a4e2cd:パステル調の ごく明るいエメラルド

#a4e2cd はRGBで rgb(164, 226, 205)、OKLCHで oklch(86.489% 0.06948 171.644) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

160°
100%

86.5%
0.069
172°
  • エメラルド
  • ごく明るい
  • ソフト
  • パステル
  • 寒色系
  • ≈ 水色
  • emerald-200
  • 黒 11%

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

白い文字
1.46:1読みにくい
Lc -25
黒い文字
14.34:1読みやすい · AA
Lc 82

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#a4e2cd について

#a4e2cd はパステル調の ごく明るいエメラルドです。OKLCHでは明度 86.5%、クロマ 0.069、色相 172° です。

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

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

最も近い名前のある色は水色(#add8e6)です。Tailwind CSSで最も近い色は emerald-200 です。

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

明るく:#a4e2cd に白を混ぜる

  1. a4e2cd
  2. aee5d2
  3. b7e8d7
  4. c0ebdc
  5. caeee1
  6. d3f1e6
  7. dcf4eb
  8. e5f6f0
  9. edf9f5
  10. f6fcfa

暗く:#a4e2cd に黒を混ぜる

  1. a4e2cd
  2. 8ec4b2
  3. 79a898
  4. 648c7e
  5. 507166
  6. 3d574e
  7. 2b3e38
  8. 1a2723
  9. 0a120f
  10. 010302

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

  1. a4e2cd
  2. a9e1ce
  3. aedfce
  4. b3decf
  5. b8dccf
  6. bddad0
  7. c1d9d0
  8. c6d7d1
  9. cad6d1
  10. ced4d2

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

#a4e2cd は何色ですか?

#a4e2cd はパステル調の ごく明るいエメラルドです。最も近い名前のある色はパステル調の ごく明るいエメラルドです。RGBでは rgb(164, 226, 205)、HSLでは hsl(159.68, 51.67%, 76.47%)、OKLCHでは oklch(86.489% 0.06948 171.644) です。

#a4e2cd に合う色は?

#a4e2cd の補色は #f8c0d8 です。落ち着いた組み合わせにするなら、類似色の #badfb4 と #9be1e6 を使いましょう。トライアドの組み合わせは #d3cbfd と #f9c6a9 です。

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

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

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

#a4e2cd は寒色系の色です。OKLCHでは色相 172度、明度 86.5%、クロマ 0.069 です。