#B5CC71

#B5CC71

ダークカーキ系

カラーコード変換

形式
HEX#B5CC71
RGBrgb(181, 204, 113)
RGBArgba(181, 204, 113, 1)
HSLhsl(75, 47%, 62%)
HSVhsv(75, 45%, 80%)
CMYKcmyk(11%, 0%, 45%, 20%)
Aa

白背景

1.77:1不適合

Aa

黒背景

11.84:1AA適合


配色パレット提案

補色

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

#B5CC71#8771CC

類似色

色相環で隣接する色

#CCB571#CCCC71#B5CC71#9ECC71#87CC71

トライアド

色相環で120°間隔の3色

#B5CC71#71B5CC#CC71B5

テトラード

色相環で90°間隔の4色

#B5CC71#71CCB5#8771CC#CC7187

モノクローム

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

#65782B#94B040#B5CC71#D2E0A9#EFF4E1

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

補色の両隣の色

#B5CC71#7187CC#B571CC

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

ライト → ダーク

linear-gradient(135deg, #E6EDCE, #B5CC71, #758B32)

補色グラデーション

linear-gradient(135deg, #B5CC71, #8771CC)

類似色グラデーション

linear-gradient(135deg, #CCB571, #B5CC71, #87CC71)

ラジアルグロー

radial-gradient(circle, #B5CC71, #758B32)

サンセット風

linear-gradient(to right, #B5CC71, #87CC71, #8771CC)

オーバーレイ

linear-gradient(180deg, #B5CC71CC, #B5CC7133)

CSS使用例

背景色として使用

Hello, World!
background-color: #B5CC71;

テキスト色として使用

Color Text
color: #B5CC71;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #B5CC7166;

関連するカラー