#6ABDF7

#6ABDF7

#F7A46A

#F7A46A

コントラスト比

1.02:1

Delta E

85.69

Very Different

50:50 ミックス

#C7B1B1

カラー値

フォーマット #6ABDF7 #F7A46A
HEX #6ABDF7 #F7A46A
RGB 106, 189, 247 247, 164, 106
HSL 204.7, 89.8%, 69.2% 24.7, 89.8%, 69.2%
HSV 204.7, 57.1%, 96.9% 24.7, 57.1%, 96.9%
CMYK 57.1%, 23.5%, 0.0%, 3.1% 0.0%, 33.6%, 57.1%, 3.1%
OKLCH 0.7688 0.1164 241.0 0.7888 0.1233 54.9

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

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F7A46A → 背景色: #6ABDF7

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

テキスト: #6ABDF7 → 背景色: #F7A46A

色差 (Delta E)

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

グラデーション

#6ABDF7 #94B9DF #B1B5C8 #C7B1B1 #DAAD9A #E9A882 #F7A46A

カラーミキシング

#6ABDF7

100%

#A4B7D4

75:25

#C7B1B1

50:50

#E2AB8E

25:75

#F7A46A

100%

CSSグラデーションコード

background: linear-gradient(to right, #6ABDF7, #F7A46A);
background: linear-gradient(135deg, #6ABDF7, #F7A46A);

各色を詳しく見る

#6ABDF7

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

#F7A46A

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

関連する比較