#248311

#248311

フォレストグリーン系

カラーコード変換

形式
HEX#248311
RGBrgb(36, 131, 17)
RGBArgba(36, 131, 17, 1)
HSLhsl(110, 77%, 29%)
HSVhsv(110, 87%, 51%)
CMYKcmyk(73%, 0%, 87%, 49%)
Aa

白背景

4.85:1AA適合

Aa

黒背景

4.33:1AA Large


配色パレット提案

補色

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

#248311#701183

類似色

色相環で隣接する色

#5D8311#408311#248311#11831A#118337

トライアド

色相環で120°間隔の3色

#248311#112483#831124

テトラード

色相環で90°間隔の4色

#248311#115D83#701183#833711

モノクローム

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

#000000#113F08#248311#37C71A#61E746

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

補色の両隣の色

#248311#371183#83115D

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

ライト → ダーク

linear-gradient(135deg, #4DE42F, #248311, #051202)

補色グラデーション

linear-gradient(135deg, #248311, #701183)

類似色グラデーション

linear-gradient(135deg, #5D8311, #248311, #118337)

ラジアルグロー

radial-gradient(circle, #248311, #051202)

サンセット風

linear-gradient(to right, #248311, #118337, #701183)

オーバーレイ

linear-gradient(180deg, #248311CC, #24831133)

CSS使用例

背景色として使用

Hello, World!
background-color: #248311;

テキスト色として使用

Color Text
color: #248311;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー