#136348

#136348

ダークスレートグレー系

カラーコード変換

形式
HEX#136348
RGBrgb(19, 99, 72)
RGBArgba(19, 99, 72, 1)
HSLhsl(160, 68%, 23%)
HSVhsv(160, 81%, 39%)
CMYKcmyk(81%, 0%, 27%, 61%)
Aa

白背景

7.23:1AA適合

Aa

黒背景

2.91:1不適合


配色パレット提案

補色

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

#136348#63132D

類似色

色相環で隣接する色

#136320#136334#136348#13635C#135563

トライアド

色相環で120°間隔の3色

#136348#481363#634813

テトラード

色相環で90°間隔の4色

#136348#201363#63132D#556313

モノクローム

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

#000000#072219#136348#1FA377#36D9A2

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

補色の両隣の色

#136348#631355#632013

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

ライト → ダーク

linear-gradient(135deg, #27CE96, #136348, #000000)

補色グラデーション

linear-gradient(135deg, #136348, #63132D)

類似色グラデーション

linear-gradient(135deg, #136320, #136348, #135563)

ラジアルグロー

radial-gradient(circle, #136348, #000000)

サンセット風

linear-gradient(to right, #136348, #135563, #63132D)

オーバーレイ

linear-gradient(180deg, #136348CC, #13634833)

CSS使用例

背景色として使用

Hello, World!
background-color: #136348;

テキスト色として使用

Color Text
color: #136348;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー