#97BBA3

#97BBA3

#BB97AF

#BB97AF

コントラスト比

1.22:1

Delta E

38.31

Very Different

50:50 ミックス

#ABAAA9

カラー値

フォーマット #97BBA3 #BB97AF
HEX #97BBA3 #BB97AF
RGB 151, 187, 163 187, 151, 175
HSL 140.0, 20.9%, 66.3% 320.0, 20.9%, 66.3%
HSV 140.0, 19.3%, 73.3% 320.0, 19.3%, 73.3%
CMYK 19.3%, 0.0%, 12.8%, 26.7% 0.0%, 19.3%, 6.4%, 26.7%
OKLCH 0.7588 0.0517 155.8 0.7167 0.0539 338.7

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

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BB97AF → 背景色: #97BBA3

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

テキスト: #97BBA3 → 背景色: #BB97AF

色差 (Delta E)

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

グラデーション

#97BBA3 #9EB5A5 #A5B0A7 #ABAAA9 #B0A4AB #B69DAD #BB97AF

カラーミキシング

#97BBA3

100%

#A1B2A6

75:25

#ABAAA9

50:50

#B3A1AC

25:75

#BB97AF

100%

CSSグラデーションコード

background: linear-gradient(to right, #97BBA3, #BB97AF);
background: linear-gradient(135deg, #97BBA3, #BB97AF);

各色を詳しく見る

#97BBA3

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

#BB97AF

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

関連する比較