#96CB67

#96CB67

ダークカーキ系

カラーコード変換

形式
HEX#96CB67
RGBrgb(150, 203, 103)
RGBArgba(150, 203, 103, 1)
HSLhsl(92, 49%, 60%)
HSVhsv(92, 49%, 80%)
CMYKcmyk(26%, 0%, 49%, 20%)
Aa

白背景

1.90:1不適合

Aa

黒背景

11.04:1AA適合


配色パレット提案

補色

色相環で180°反対に位置する色

#96CB67#9C67CB

類似色

色相環で隣接する色

#C8CB67#AFCB67#96CB67#7DCB67#67CB6A

トライアド

色相環で120°間隔の3色

#96CB67#6796CB#CB6796

テトラード

色相環で90°間隔の4色

#96CB67#67C8CB#9C67CB#CB6A67

モノクローム

同じ色相の明度バリエーション

#4A7227#6FAB3B#96CB67#BDDEA0#E5F2D9

スプリットコンプリメンタリー

補色の両隣の色

#96CB67#6A67CB#CB67C8

CSSグラデーションサンプル

ライト → ダーク

linear-gradient(135deg, #D8EBC6, #96CB67, #56852E)

補色グラデーション

linear-gradient(135deg, #96CB67, #9C67CB)

類似色グラデーション

linear-gradient(135deg, #C8CB67, #96CB67, #67CB6A)

ラジアルグロー

radial-gradient(circle, #96CB67, #56852E)

サンセット風

linear-gradient(to right, #96CB67, #67CB6A, #9C67CB)

オーバーレイ

linear-gradient(180deg, #96CB67CC, #96CB6733)

CSS使用例

背景色として使用

Hello, World!
background-color: #96CB67;

テキスト色として使用

Color Text
color: #96CB67;

ボーダー色として使用

ボーダー要素
border: 3px solid #96CB67;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #96CB6766;

関連するカラー