#3FBA79

#3FBA79

#BA3F80

#BA3F80

コントラスト比

2.07:1

Delta E

111.46

Very Different

50:50 ミックス

#94877D

カラー値

フォーマット #3FBA79 #BA3F80
HEX #3FBA79 #BA3F80
RGB 63, 186, 121 186, 63, 128
HSL 148.3, 49.4%, 48.8% 328.3, 49.4%, 48.8%
HSV 148.3, 66.1%, 72.9% 328.3, 66.1%, 72.9%
CMYK 66.1%, 0.0%, 34.9%, 27.1% 0.0%, 66.1%, 31.2%, 27.1%
OKLCH 0.7046 0.1449 156.2 0.5603 0.1706 351.4

コントラストとアクセシビリティ

2.07:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #BA3F80 → 背景色: #3FBA79

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #3FBA79 → 背景色: #BA3F80

色差 (Delta E)

111.46 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#3FBA79 #67AA7B #81997C #94877D #A3737E #AF5C7F #BA3F80

カラーミキシング

#3FBA79

100%

#75A17B

75:25

#94877D

50:50

#A9687F

25:75

#BA3F80

100%

CSSグラデーションコード

background: linear-gradient(to right, #3FBA79, #BA3F80);
background: linear-gradient(135deg, #3FBA79, #BA3F80);

各色を詳しく見る

#3FBA79

カラーの詳細をすべて見る

#BA3F80

カラーの詳細をすべて見る

関連する比較