#1DB927

#1DB927

ライムグリーン系

カラーコード変換

形式
HEX#1DB927
RGBrgb(29, 185, 39)
RGBArgba(29, 185, 39, 1)
HSLhsl(124, 73%, 42%)
HSVhsv(124, 84%, 73%)
CMYKcmyk(84%, 0%, 79%, 27%)
Aa

白背景

2.62:1不適合

Aa

黒背景

8.02:1AA適合


配色パレット提案

補色

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

#1DB927#B91DAF

類似色

色相環で隣接する色

#61B91D#3AB91D#1DB927#1DB94E#1DB976

トライアド

色相環で120°間隔の3色

#1DB927#271DB9#B9271D

テトラード

色相環で90°間隔の4色

#1DB927#1D61B9#B91DAF#B9761D

モノクローム

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

#08350B#137719#1DB927#41E14C#83EC8A

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

補色の両隣の色

#1DB927#761DB9#B91D61

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

ライト → ダーク

linear-gradient(135deg, #6DE876, #1DB927, #0C4B10)

補色グラデーション

linear-gradient(135deg, #1DB927, #B91DAF)

類似色グラデーション

linear-gradient(135deg, #61B91D, #1DB927, #1DB976)

ラジアルグロー

radial-gradient(circle, #1DB927, #0C4B10)

サンセット風

linear-gradient(to right, #1DB927, #1DB976, #B91DAF)

オーバーレイ

linear-gradient(180deg, #1DB927CC, #1DB92733)

CSS使用例

背景色として使用

Hello, World!
background-color: #1DB927;

テキスト色として使用

Color Text
color: #1DB927;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #1DB92766;

関連するカラー