カラーピッカーへ移動

カラーコード #cfda83:パステル調の ごく明るいライム

#cfda83 はRGBで rgb(207, 218, 131)、OKLCHで oklch(86.055% 0.11129 114.665) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

68°
100%

86.1%
0.111
115°
  • ライム
  • ごく明るい
  • ソフト
  • パステル
  • ニュートラル
  • ≈ カーキ
  • amber-200
  • 黒 15%

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

白い文字
1.50:1読みにくい
Lc -26
黒い文字
14.01:1読みやすい · AA
Lc 80

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#cfda83 について

#cfda83 はパステル調の ごく明るいライムです。OKLCHでは明度 86.1%、クロマ 0.111、色相 115° です。

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

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

最も近い名前のある色はカーキ(#f0e68c)です。Tailwind CSSで最も近い色は amber-200 です。

ほかのライム系の色(ごく明るい)系の色

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

  1. cfda83
  2. d4de90
  3. d8e29d
  4. dde5aa
  5. e2e9b7
  6. e6edc3
  7. ebf1cf
  8. f0f4db
  9. f5f8e7
  10. fafbf3

暗く:#cfda83 に黒を混ぜる

  1. cfda83
  2. b4bd71
  3. 99a260
  4. 7f874f
  5. 676c3f
  6. 4f542f
  7. 383c20
  8. 232512
  9. 101106
  10. 020201

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

  1. cfda83
  2. cfd98c
  3. cfd995
  4. cfd89d
  5. cfd7a5
  6. d0d6ad
  7. d0d5b4
  8. d0d4bc
  9. d0d3c3
  10. d1d2ca

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

#cfda83 は何色ですか?

#cfda83 はパステル調の ごく明るいライムです。最も近い名前のある色はパステル調の ごく明るいライムです。RGBでは rgb(207, 218, 131)、HSLでは hsl(67.59, 54.04%, 68.43%)、OKLCHでは oklch(86.055% 0.11129 114.665) です。

#cfda83 に合う色は?

#cfda83 の補色は #d5c5ff です。落ち着いた組み合わせにするなら、類似色の #f3cc79 と #a3e5a3 を使いましょう。トライアドの組み合わせは #88ddff と #ffb3d5 です。

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

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

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

#cfda83 はニュートラルの色です。OKLCHでは色相 115度、明度 86.1%、クロマ 0.111 です。