#8FA8F3

#8FA8F3

#F3DA8F

#F3DA8F

コントラスト比

1.68:1

Delta E

83.0

Very Different

50:50 ミックス

#CBC0C3

カラー値

フォーマット #8FA8F3 #F3DA8F
HEX #8FA8F3 #F3DA8F
RGB 143, 168, 243 243, 218, 143
HSL 225.0, 80.6%, 75.7% 45.0, 80.6%, 75.7%
HSV 225.0, 41.2%, 95.3% 45.0, 41.2%, 95.3%
CMYK 41.2%, 30.9%, 0.0%, 4.7% 0.0%, 10.3%, 41.2%, 4.7%
OKLCH 0.7422 0.1125 269.5 0.8924 0.098 91.7

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

1.68:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F3DA8F → 背景色: #8FA8F3

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

テキスト: #8FA8F3 → 背景色: #F3DA8F

色差 (Delta E)

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

グラデーション

#8FA8F3 #A7B0E3 #BAB8D3 #CBC0C3 #D9C8B2 #E7D1A1 #F3DA8F

カラーミキシング

#8FA8F3

100%

#B1B4DB

75:25

#CBC0C3

50:50

#E0CDAA

25:75

#F3DA8F

100%

CSSグラデーションコード

background: linear-gradient(to right, #8FA8F3, #F3DA8F);
background: linear-gradient(135deg, #8FA8F3, #F3DA8F);

各色を詳しく見る

#8FA8F3

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

#F3DA8F

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

関連する比較