#69DAFD

#69DAFD

#FD8C69

#FD8C69

コントラスト比

1.43:1

Delta E

90.13

Very Different

50:50 ミックス

#CFB6B2

カラー値

フォーマット #69DAFD #FD8C69
HEX #69DAFD #FD8C69
RGB 105, 218, 253 253, 140, 105
HSL 194.2, 97.4%, 70.2% 14.2, 97.4%, 70.2%
HSV 194.2, 58.5%, 99.2% 14.2, 58.5%, 99.2%
CMYK 58.5%, 13.8%, 0.0%, 0.8% 0.0%, 44.7%, 58.5%, 0.8%
OKLCH 0.8355 0.1134 221.0 0.7558 0.1458 38.0

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

1.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FD8C69 → 背景色: #69DAFD

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

テキスト: #69DAFD → 背景色: #FD8C69

色差 (Delta E)

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

グラデーション

#69DAFD #99CEE4 #B8C2CA #CFB6B2 #E2A899 #F19B81 #FD8C69

カラーミキシング

#69DAFD

100%

#AAC8D7

75:25

#CFB6B2

50:50

#EAA28D

25:75

#FD8C69

100%

CSSグラデーションコード

background: linear-gradient(to right, #69DAFD, #FD8C69);
background: linear-gradient(135deg, #69DAFD, #FD8C69);

各色を詳しく見る

#69DAFD

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

#FD8C69

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

関連する比較