#43BAE5のRGB値は？

#43BAE5（ミディアムターコイズ系）のRGB値は、赤(R)=67、緑(G)=186、青(B)=229です。

#43BAE5の補色は？

#43BAE5（ミディアムターコイズ系）の補色は、色相環で180度反対に位置する色です。詳細はこのページの配色パレットセクションをご確認ください。

#43BAE5はどんな色？

#43BAE5はミディアムターコイズ系に分類される色です。Webデザインやグラフィックデザインで広く使用されています。

#43BAE5のカラーコード情報｜RGB, CMYK変換とおすすめ配色パレット

#43BAE5

ミディアムターコイズ系

カラーコード変換

形式	値
HEX	#43BAE5
RGB	rgb(67, 186, 229)
RGBA	rgba(67, 186, 229, 1)
HSL	hsl(196, 76%, 58%)
HSV	hsv(196, 71%, 90%)
CMYK	cmyk(71%, 19%, 0%, 10%)

白背景

2.24:1不適合

黒背景

9.39:1AA適合

配色パレット提案

補色

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

#43BAE5#E56E43

類似色

色相環で隣接する色

#43E5BF#43E3E5#43BAE5#4391E5#4368E5

トライアド

色相環で120°間隔の3色

#43BAE5#E543BA#BAE543

テトラード

色相環で90°間隔の4色

#43BAE5#BF43E5#E56E43#68E543

モノクローム

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

#11617E#1A95C1#43BAE5#86D3EE#C9EBF8

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

補色の両隣の色

#43BAE5#E54368#E5BF43

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

ライト → ダーク

linear-gradient(135deg, #B3E3F5, #43BAE5, #147294)

補色グラデーション

linear-gradient(135deg, #43BAE5, #E56E43)

類似色グラデーション

linear-gradient(135deg, #43E5BF, #43BAE5, #4368E5)

ラジアルグロー

radial-gradient(circle, #43BAE5, #147294)

サンセット風

linear-gradient(to right, #43BAE5, #4368E5, #E56E43)

オーバーレイ

linear-gradient(180deg, #43BAE5CC, #43BAE533)

CSS使用例

背景色として使用

Hello, World!

background-color: #43BAE5;

テキスト色として使用

Color Text

color: #43BAE5;

ボーダー色として使用

ボーダー要素

border: 3px solid #43BAE5;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #43BAE566;