#4BAA86

#4BAA86

ミディアムシーグリーン系

カラーコード変換

形式
HEX#4BAA86
RGBrgb(75, 170, 134)
RGBArgba(75, 170, 134, 1)
HSLhsl(157, 39%, 48%)
HSVhsv(157, 56%, 67%)
CMYKcmyk(56%, 0%, 21%, 33%)
Aa

白背景

2.84:1不適合

Aa

黒背景

7.39:1AA適合


配色パレット提案

補色

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

#4BAA86#AA4B6F

類似色

色相環で隣接する色

#4BAA56#4BAA6E#4BAA86#4BAA9D#4B9FAA

トライアド

色相環で120°間隔の3色

#4BAA86#864BAA#AA864B

テトラード

色相環で90°間隔の4色

#4BAA86#564BAA#AA4B6F#9FAA4B

モノクローム

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

#1C4032#33755C#4BAA86#7CC5A9#B1DDCC

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

補色の両隣の色

#4BAA86#AA4B9F#AA564B

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

ライト → ダーク

linear-gradient(135deg, #9FD5C0, #4BAA86, #245240)

補色グラデーション

linear-gradient(135deg, #4BAA86, #AA4B6F)

類似色グラデーション

linear-gradient(135deg, #4BAA56, #4BAA86, #4B9FAA)

ラジアルグロー

radial-gradient(circle, #4BAA86, #245240)

サンセット風

linear-gradient(to right, #4BAA86, #4B9FAA, #AA4B6F)

オーバーレイ

linear-gradient(180deg, #4BAA86CC, #4BAA8633)

CSS使用例

背景色として使用

Hello, World!
background-color: #4BAA86;

テキスト色として使用

Color Text
color: #4BAA86;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #4BAA8666;

関連するカラー