#B0D813

#B0D813

イエローグリーン系

カラーコード変換

形式
HEX#B0D813
RGBrgb(176, 216, 19)
RGBArgba(176, 216, 19, 1)
HSLhsl(72, 84%, 46%)
HSVhsv(72, 91%, 85%)
CMYKcmyk(19%, 0%, 91%, 15%)
Aa

白背景

1.66:1不適合

Aa

黒背景

12.68:1AA適合


配色パレット提案

補色

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

#B0D813#3A13D8

類似色

色相環で隣接する色

#D89D13#D8CE13#B0D813#7FD813#4ED813

トライアド

色相環で120°間隔の3色

#B0D813#13B0D8#D813B0

テトラード

色相環で90°間隔の4色

#B0D813#13D89D#3A13D8#D8134E

モノクローム

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

#3D4B07#77910D#B0D813#CEEF48#E1F58E

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

補色の両隣の色

#B0D813#134ED8#9D13D8

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

ライト → ダーク

linear-gradient(135deg, #DAF377, #B0D813, #516309)

補色グラデーション

linear-gradient(135deg, #B0D813, #3A13D8)

類似色グラデーション

linear-gradient(135deg, #D89D13, #B0D813, #4ED813)

ラジアルグロー

radial-gradient(circle, #B0D813, #516309)

サンセット風

linear-gradient(to right, #B0D813, #4ED813, #3A13D8)

オーバーレイ

linear-gradient(180deg, #B0D813CC, #B0D81333)

CSS使用例

背景色として使用

Hello, World!
background-color: #B0D813;

テキスト色として使用

Color Text
color: #B0D813;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー