#65B5FD

#65B5FD

#FDAD65

#FDAD65

コントラスト比

1.18:1

Delta E

95.04

Very Different

50:50 ミックス

#CAB1B2

カラー値

フォーマット #65B5FD #FDAD65
HEX #65B5FD #FDAD65
RGB 101, 181, 253 253, 173, 101
HSL 208.4, 97.4%, 69.4% 28.4, 97.4%, 69.4%
HSV 208.4, 60.1%, 99.2% 28.4, 60.1%, 99.2%
CMYK 60.1%, 28.5%, 0.0%, 0.8% 0.0%, 31.6%, 60.1%, 0.8%
OKLCH 0.752 0.1309 247.6 0.8109 0.129 61.4

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

1.18:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDAD65 → 背景色: #65B5FD

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

テキスト: #65B5FD → 背景色: #FDAD65

色差 (Delta E)

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

グラデーション

#65B5FD #93B4E4 #B2B2CB #CAB1B2 #DEB099 #EEAE80 #FDAD65

カラーミキシング

#65B5FD

100%

#A4B3D8

75:25

#CAB1B2

50:50

#E6AF8D

25:75

#FDAD65

100%

CSSグラデーションコード

background: linear-gradient(to right, #65B5FD, #FDAD65);
background: linear-gradient(135deg, #65B5FD, #FDAD65);

各色を詳しく見る

#65B5FD

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

#FDAD65

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

関連する比較