#6ADEFD

#6ADEFD

#FD896A

#FD896A

コントラスト比

1.5:1

Delta E

90.66

Very Different

50:50 ミックス

#D0B6B2

カラー値

フォーマット #6ADEFD #FD896A
HEX #6ADEFD #FD896A
RGB 106, 222, 253 253, 137, 106
HSL 192.7, 97.4%, 70.4% 12.7, 97.4%, 70.4%
HSV 192.7, 58.1%, 99.2% 12.7, 58.1%, 99.2%
CMYK 58.1%, 12.3%, 0.0%, 0.8% 0.0%, 45.8%, 58.1%, 0.8%
OKLCH 0.8449 0.1129 217.9 0.7513 0.1482 35.9

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

1.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FD896A → 背景色: #6ADEFD

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

テキスト: #6ADEFD → 背景色: #FD896A

色差 (Delta E)

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

グラデーション

#6ADEFD #9AD1E4 #B9C4CB #D0B6B2 #E2A89A #F19982 #FD896A

カラーミキシング

#6ADEFD

100%

#ABCBD7

75:25

#D0B6B2

50:50

#EAA18E

25:75

#FD896A

100%

CSSグラデーションコード

background: linear-gradient(to right, #6ADEFD, #FD896A);
background: linear-gradient(135deg, #6ADEFD, #FD896A);

各色を詳しく見る

#6ADEFD

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

#FD896A

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

関連する比較