#119265

#119265

シーグリーン系

カラーコード変換

形式
HEX#119265
RGBrgb(17, 146, 101)
RGBArgba(17, 146, 101, 1)
HSLhsl(159, 79%, 32%)
HSVhsv(159, 88%, 57%)
CMYKcmyk(88%, 0%, 31%, 43%)
Aa

白背景

3.94:1AA Large

Aa

黒背景

5.32:1AA適合


配色パレット提案

補色

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

#119265#92113E

類似色

色相環で隣接する色

#119224#119245#119265#119285#117F92

トライアド

色相環で120°間隔の3色

#119265#651192#926511

テトラード

色相環で90°間隔の4色

#119265#241192#92113E#7F9211

モノクローム

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

#010906#094E36#119265#19D794#52EBB5

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

補色の両隣の色

#119265#92117F#922411

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

ライト → ダーク

linear-gradient(135deg, #3BE8AB, #119265, #042016)

補色グラデーション

linear-gradient(135deg, #119265, #92113E)

類似色グラデーション

linear-gradient(135deg, #119224, #119265, #117F92)

ラジアルグロー

radial-gradient(circle, #119265, #042016)

サンセット風

linear-gradient(to right, #119265, #117F92, #92113E)

オーバーレイ

linear-gradient(180deg, #119265CC, #11926533)

CSS使用例

背景色として使用

Hello, World!
background-color: #119265;

テキスト色として使用

Color Text
color: #119265;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー