#117F92

#117F92

ティール系

カラーコード変換

形式
HEX#117F92
RGBrgb(17, 127, 146)
RGBArgba(17, 127, 146, 1)
HSLhsl(189, 79%, 32%)
HSVhsv(189, 88%, 57%)
CMYKcmyk(88%, 13%, 0%, 43%)
Aa

白背景

4.69:1AA適合

Aa

黒背景

4.47:1AA Large


配色パレット提案

補色

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

#117F92#922411

類似色

色相環で隣接する色

#119265#119285#117F92#115E92#113E92

トライアド

色相環で120°間隔の3色

#117F92#92117F#7F9211

テトラード

色相環で90°間隔の4色

#117F92#651192#922411#3E9211

モノクローム

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

#010809#09434E#117F92#19BAD7#52D4EB

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

補色の両隣の色

#117F92#92113E#926511

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

ライト → ダーク

linear-gradient(135deg, #3BCEE8, #117F92, #041C20)

補色グラデーション

linear-gradient(135deg, #117F92, #922411)

類似色グラデーション

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

ラジアルグロー

radial-gradient(circle, #117F92, #041C20)

サンセット風

linear-gradient(to right, #117F92, #113E92, #922411)

オーバーレイ

linear-gradient(180deg, #117F92CC, #117F9233)

CSS使用例

背景色として使用

Hello, World!
background-color: #117F92;

テキスト色として使用

Color Text
color: #117F92;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #117F9266;

関連するカラー