#98ACFF

#98ACFF

#FFEB98

#FFEB98

コントラスト比

1.82:1

Delta E

90.36

Very Different

50:50 ミックス

#D5CACE

カラー値

フォーマット #98ACFF #FFEB98
HEX #98ACFF #FFEB98
RGB 152, 172, 255 255, 235, 152
HSL 228.3, 100.0%, 79.8% 48.3, 100.0%, 79.8%
HSV 228.3, 40.4%, 100.0% 48.3, 40.4%, 100.0%
CMYK 40.4%, 32.5%, 0.0%, 0.0% 0.0%, 7.8%, 40.4%, 0.0%
OKLCH 0.7619 0.1215 272.9 0.9381 0.105 96.2

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

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

テキスト読みやすさ

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

テキスト: #FFEB98 → 背景色: #98ACFF

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

テキスト: #98ACFF → 背景色: #FFEB98

色差 (Delta E)

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

グラデーション

#98ACFF #B0B6EF #C4C0DE #D5CACE #E5D5BD #F2E0AB #FFEB98

カラーミキシング

#98ACFF

100%

#BBBBE7

75:25

#D5CACE

50:50

#ECDAB4

25:75

#FFEB98

100%

CSSグラデーションコード

background: linear-gradient(to right, #98ACFF, #FFEB98);
background: linear-gradient(135deg, #98ACFF, #FFEB98);

各色を詳しく見る

#98ACFF

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

#FFEB98

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

関連する比較