#7DF3B5

#7DF3B5

#F37DBB

#F37DBB

コントラスト比

1.82:1

Delta E

106.34

Very Different

50:50 ミックス

#C8BEB9

カラー値

フォーマット #7DF3B5 #F37DBB
HEX #7DF3B5 #F37DBB
RGB 125, 243, 181 243, 125, 187
HSL 148.5, 83.1%, 72.2% 328.5, 83.1%, 72.2%
HSV 148.5, 48.6%, 95.3% 328.5, 48.6%, 95.3%
CMYK 48.6%, 0.0%, 25.5%, 4.7% 0.0%, 48.6%, 23.0%, 4.7%
OKLCH 0.8788 0.1393 158.7 0.7408 0.1599 349.0

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

1.82:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F37DBB → 背景色: #7DF3B5

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

テキスト: #7DF3B5 → 背景色: #F37DBB

色差 (Delta E)

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

グラデーション

#7DF3B5 #9DE2B6 #B5D1B8 #C8BEB9 #D8ABBA #E795BA #F37DBB

カラーミキシング

#7DF3B5

100%

#A9D9B7

75:25

#C8BEB9

50:50

#E0A0BA

25:75

#F37DBB

100%

CSSグラデーションコード

background: linear-gradient(to right, #7DF3B5, #F37DBB);
background: linear-gradient(135deg, #7DF3B5, #F37DBB);

各色を詳しく見る

#7DF3B5

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

#F37DBB

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

関連する比較