#07A659

#07A659

シーグリーン系

カラーコード変換

形式
HEX#07A659
RGBrgb(7, 166, 89)
RGBArgba(7, 166, 89, 1)
HSLhsl(151, 92%, 34%)
HSVhsv(151, 96%, 65%)
CMYKcmyk(96%, 0%, 46%, 35%)
Aa

白背景

3.18:1AA Large

Aa

黒背景

6.61:1AA適合


配色パレット提案

補色

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

#07A659#A60754

類似色

色相環で隣接する色

#07A60A#07A631#07A659#07A681#07A4A6

トライアド

色相環で120°間隔の3色

#07A659#5907A6#A65907

テトラード

色相環で90°間隔の4色

#07A659#0A07A6#A60754#A4A607

モノクローム

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

#01140B#045D32#07A659#0AF081#4FF8A6

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

補色の両隣の色

#07A659#A607A4#A60A07

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

ライト → ダーク

linear-gradient(135deg, #36F79A, #07A659, #022C18)

補色グラデーション

linear-gradient(135deg, #07A659, #A60754)

類似色グラデーション

linear-gradient(135deg, #07A60A, #07A659, #07A4A6)

ラジアルグロー

radial-gradient(circle, #07A659, #022C18)

サンセット風

linear-gradient(to right, #07A659, #07A4A6, #A60754)

オーバーレイ

linear-gradient(180deg, #07A659CC, #07A65933)

CSS使用例

背景色として使用

Hello, World!
background-color: #07A659;

テキスト色として使用

Color Text
color: #07A659;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #07A65966;

関連するカラー