#68BB81のRGB値は？

#68BB81（カデットブルー系）のRGB値は、赤(R)=104、緑(G)=187、青(B)=129です。

#68BB81の補色は？

#68BB81（カデットブルー系）の補色は、色相環で180度反対に位置する色です。詳細はこのページの配色パレットセクションをご確認ください。

#68BB81はどんな色？

#68BB81はカデットブルー系に分類される色です。Webデザインやグラフィックデザインで広く使用されています。

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

#68BB81

カデットブルー系

カラーコード変換

形式	値
HEX	#68BB81
RGB	rgb(104, 187, 129)
RGBA	rgba(104, 187, 129, 1)
HSL	hsl(138, 38%, 57%)
HSV	hsv(138, 44%, 73%)
CMYK	cmyk(44%, 0%, 31%, 27%)

白背景

2.33:1不適合

黒背景

9.01:1AA適合

配色パレット提案

補色

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

#68BB81#BB68A2

類似色

色相環で隣接する色

#78BB68#68BB6C#68BB81#68BB96#68BBAA

トライアド

色相環で120°間隔の3色

#68BB81#8168BB#BB8168

テトラード

色相環で90°間隔の4色

#68BB81#6878BB#BB68A2#BBAA68

モノクローム

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

#2B5F3A#42945B#68BB81#9CD3AD#D1EAD9

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

補色の両隣の色

#68BB81#AA68BB#BB6878

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

ライト → ダーク

linear-gradient(135deg, #C0E3CA, #68BB81, #337145)

補色グラデーション

linear-gradient(135deg, #68BB81, #BB68A2)

類似色グラデーション

linear-gradient(135deg, #78BB68, #68BB81, #68BBAA)

ラジアルグロー

radial-gradient(circle, #68BB81, #337145)

サンセット風

linear-gradient(to right, #68BB81, #68BBAA, #BB68A2)

オーバーレイ

linear-gradient(180deg, #68BB81CC, #68BB8133)

CSS使用例

背景色として使用

Hello, World!

background-color: #68BB81;

テキスト色として使用

Color Text

color: #68BB81;

ボーダー色として使用

ボーダー要素

border: 3px solid #68BB81;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #68BB8166;