#95A9FF

#95A9FF

#FFEB95

#FFEB95

コントラスト比

1.87:1

Delta E

93.64

Very Different

50:50 ミックス

#D5C9CC

カラー値

フォーマット #95A9FF #FFEB95
HEX #95A9FF #FFEB95
RGB 149, 169, 255 255, 235, 149
HSL 228.7, 100.0%, 79.2% 48.7, 100.0%, 79.2%
HSV 228.7, 41.6%, 100.0% 48.7, 41.6%, 100.0%
CMYK 41.6%, 33.7%, 0.0%, 0.0% 0.0%, 7.8%, 41.6%, 0.0%
OKLCH 0.7539 0.1261 273.1 0.9376 0.1083 96.7

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

1.87:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFEB95 → 背景色: #95A9FF

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

テキスト: #95A9FF → 背景色: #FFEB95

色差 (Delta E)

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

グラデーション

#95A9FF #AEB3EE #C3BEDE #D5C9CC #E4D4BB #F2DFA8 #FFEB95

カラーミキシング

#95A9FF

100%

#B9B9E6

75:25

#D5C9CC

50:50

#EBDAB2

25:75

#FFEB95

100%

CSSグラデーションコード

background: linear-gradient(to right, #95A9FF, #FFEB95);
background: linear-gradient(135deg, #95A9FF, #FFEB95);

各色を詳しく見る

#95A9FF

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

#FFEB95

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

関連する比較