#97B8DF

#97B8DF

#DFBE97

#DFBE97

コントラスト比

1.17:1

Delta E

48.23

Very Different

50:50 ミックス

#C1BBBB

カラー値

フォーマット #97B8DF #DFBE97
HEX #97B8DF #DFBE97
RGB 151, 184, 223 223, 190, 151
HSL 212.5, 52.9%, 73.3% 32.5, 52.9%, 73.3%
HSV 212.5, 32.3%, 87.5% 32.5, 32.3%, 87.5%
CMYK 32.3%, 17.5%, 0.0%, 12.5% 0.0%, 14.8%, 32.3%, 12.5%
OKLCH 0.772 0.0667 252.9 0.8204 0.0642 71.4

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

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFBE97 → 背景色: #97B8DF

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

テキスト: #97B8DF → 背景色: #DFBE97

色差 (Delta E)

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

グラデーション

#97B8DF #A7B9D3 #B4BAC7 #C1BBBB #CCBCAF #D6BDA3 #DFBE97

カラーミキシング

#97B8DF

100%

#AEB9CD

75:25

#C1BBBB

50:50

#D1BCA9

25:75

#DFBE97

100%

CSSグラデーションコード

background: linear-gradient(to right, #97B8DF, #DFBE97);
background: linear-gradient(135deg, #97B8DF, #DFBE97);

各色を詳しく見る

#97B8DF

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

#DFBE97

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

関連する比較