#3FE465

#3FE465

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

カラーコード変換

形式
HEX#3FE465
RGBrgb(63, 228, 101)
RGBArgba(63, 228, 101, 1)
HSLhsl(134, 75%, 57%)
HSVhsv(134, 72%, 89%)
CMYKcmyk(72%, 0%, 56%, 11%)
Aa

白背景

1.68:1不適合

Aa

黒背景

12.50:1AA適合


配色パレット提案

補色

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

#3FE465#E43FBD

類似色

色相環で隣接する色

#6BE43F#42E43F#3FE465#3FE48F#3FE4B8

トライアド

色相環で120°間隔の3色

#3FE465#653FE4#E4653F

テトラード

色相環で90°間隔の4色

#3FE465#3F6BE4#E43FBD#E4B83F

モノクローム

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

#117829#1BBB40#3FE465#82ED9B#C5F7D1

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

補色の両隣の色

#3FE465#B83FE4#E43F6B

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

ライト → ダーク

linear-gradient(135deg, #AFF4BF, #3FE465, #148F31)

補色グラデーション

linear-gradient(135deg, #3FE465, #E43FBD)

類似色グラデーション

linear-gradient(135deg, #6BE43F, #3FE465, #3FE4B8)

ラジアルグロー

radial-gradient(circle, #3FE465, #148F31)

サンセット風

linear-gradient(to right, #3FE465, #3FE4B8, #E43FBD)

オーバーレイ

linear-gradient(180deg, #3FE465CC, #3FE46533)

CSS使用例

背景色として使用

Hello, World!
background-color: #3FE465;

テキスト色として使用

Color Text
color: #3FE465;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #3FE46566;

関連するカラー