カラーピッカーへ移動

カラーコード #c8bb2c:鮮やかな 明るい黄色

#c8bb2c はRGBで rgb(200, 187, 44)、OKLCHで oklch(77.94% 0.15258 103.919) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

55°
100%

77.9%
0.153
104°
  • 黄色
  • 明るい
  • 鮮やか
  • ニュートラル
  • ≈ ピスタチオ
  • yellow-500
  • 黒 22%

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

白い文字
1.98:1読みにくい
Lc -43
黒い文字
10.60:1読みやすい · AA
Lc 66

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#c8bb2c について

#c8bb2c は鮮やかな 明るい黄色です。OKLCHでは明度 77.9%、クロマ 0.153、色相 104° です。

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

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

最も近い名前のある色はピスタチオ(#93c572)です。Tailwind CSSで最も近い色は yellow-500 です。

ほかの黄色系の色(明るい)

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

  1. c8bb2c
  2. cdc24d
  3. d2c966
  4. d8d07b
  5. ddd790
  6. e3dea3
  7. e8e5b6
  8. eeebc8
  9. f3f2db
  10. f9f8ed

暗く:#c8bb2c に黒を混ぜる

  1. c8bb2c
  2. aea225
  3. 948a1e
  4. 7b7317
  5. 635c11
  6. 4c460a
  7. 363205
  8. 211f02
  9. 0f0d01
  10. 020200

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

  1. c8bb2c
  2. c6bb45
  3. c4bb57
  4. c2bb66
  5. c1ba74
  6. bfba81
  7. bdba8c
  8. bcb998
  9. bab9a2
  10. b8b8ad

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

#c8bb2c は何色ですか?

#c8bb2c は鮮やかな 明るい黄色です。最も近い名前のある色は鮮やかな 明るい黄色です。RGBでは rgb(200, 187, 44)、HSLでは hsl(55, 63.93%, 47.84%)、OKLCHでは oklch(77.94% 0.15258 103.919) です。

#c8bb2c に合う色は?

#c8bb2c の補色は #adaaff です。落ち着いた組み合わせにするなら、類似色の #f0a62d と #8ecc62 を使いましょう。トライアドの組み合わせは #00cbff と #fa8dcf です。

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

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

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

#c8bb2c はニュートラルの色です。OKLCHでは色相 104度、明度 77.9%、クロマ 0.153 です。