#107E51

#107E51

シーグリーン系

カラーコード変換

形式
HEX#107E51
RGBrgb(16, 126, 81)
RGBArgba(16, 126, 81, 1)
HSLhsl(155, 77%, 28%)
HSVhsv(155, 87%, 49%)
CMYKcmyk(87%, 0%, 36%, 51%)
Aa

白背景

5.09:1AA適合

Aa

黒背景

4.13:1AA Large


配色パレット提案

補色

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

#107E51#7E103E

類似色

色相環で隣接する色

#107E1A#107E35#107E51#107E6C#10757E

トライアド

色相環で120°間隔の3色

#107E51#51107E#7E5110

テトラード

色相環で90°間隔の4色

#107E51#1A107E#7E103E#757E10

モノクローム

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

#000000#083B25#107E51#19C27C#41E6A2

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

補色の両隣の色

#107E51#7E1075#7E1A10

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

ライト → ダーク

linear-gradient(135deg, #2BE397, #107E51, #020E09)

補色グラデーション

linear-gradient(135deg, #107E51, #7E103E)

類似色グラデーション

linear-gradient(135deg, #107E1A, #107E51, #10757E)

ラジアルグロー

radial-gradient(circle, #107E51, #020E09)

サンセット風

linear-gradient(to right, #107E51, #10757E, #7E103E)

オーバーレイ

linear-gradient(180deg, #107E51CC, #107E5133)

CSS使用例

背景色として使用

Hello, World!
background-color: #107E51;

テキスト色として使用

Color Text
color: #107E51;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #107E5166;

関連するカラー