#25CBA4

#25CBA4

ライトシーグリーン系

カラーコード変換

形式
HEX#25CBA4
RGBrgb(37, 203, 164)
RGBArgba(37, 203, 164, 1)
HSLhsl(166, 69%, 47%)
HSVhsv(166, 82%, 80%)
CMYKcmyk(82%, 0%, 19%, 20%)
Aa

白背景

2.07:1不適合

Aa

黒背景

10.16:1AA適合


配色パレット提案

補色

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

#25CBA4#CB254C

類似色

色相環で隣接する色

#25CB51#25CB7B#25CBA4#25C8CB#259ECB

トライアド

色相環で120°間隔の3色

#25CBA4#A425CB#CBA425

テトラード

色相環で90°間隔の4色

#25CBA4#5125CB#CB254C#9ECB25

モノクローム

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

#0D493B#198A70#25CBA4#5BE1C2#9CEDDA

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

補色の両隣の色

#25CBA4#CB259E#CB5125

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

ライト → ダーク

linear-gradient(135deg, #86E9D2, #25CBA4, #115F4D)

補色グラデーション

linear-gradient(135deg, #25CBA4, #CB254C)

類似色グラデーション

linear-gradient(135deg, #25CB51, #25CBA4, #259ECB)

ラジアルグロー

radial-gradient(circle, #25CBA4, #115F4D)

サンセット風

linear-gradient(to right, #25CBA4, #259ECB, #CB254C)

オーバーレイ

linear-gradient(180deg, #25CBA4CC, #25CBA433)

CSS使用例

背景色として使用

Hello, World!
background-color: #25CBA4;

テキスト色として使用

Color Text
color: #25CBA4;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #25CBA466;

関連するカラー