#27BE87

#27BE87

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

カラーコード変換

形式
HEX#27BE87
RGBrgb(39, 190, 135)
RGBArgba(39, 190, 135, 1)
HSLhsl(158, 66%, 45%)
HSVhsv(158, 79%, 75%)
CMYKcmyk(79%, 0%, 29%, 25%)
Aa

白背景

2.39:1不適合

Aa

黒背景

8.80:1AA適合


配色パレット提案

補色

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

#27BE87#BE275F

類似色

色相環で隣接する色

#27BE3B#27BE61#27BE87#27BEAD#27AABE

トライアド

色相環で120°間隔の3色

#27BE87#8727BE#BE8727

テトラード

色相環で90°間隔の4色

#27BE87#3B27BE#BE275F#AABE27

モノクローム

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

#0D3F2D#1A7F5A#27BE87#56DCAB#95E9CA

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

補色の両隣の色

#27BE87#BE27AA#BE3B27

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

ライト → ダーク

linear-gradient(135deg, #80E5C0, #27BE87, #11553C)

補色グラデーション

linear-gradient(135deg, #27BE87, #BE275F)

類似色グラデーション

linear-gradient(135deg, #27BE3B, #27BE87, #27AABE)

ラジアルグロー

radial-gradient(circle, #27BE87, #11553C)

サンセット風

linear-gradient(to right, #27BE87, #27AABE, #BE275F)

オーバーレイ

linear-gradient(180deg, #27BE87CC, #27BE8733)

CSS使用例

背景色として使用

Hello, World!
background-color: #27BE87;

テキスト色として使用

Color Text
color: #27BE87;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #27BE8766;

関連するカラー