#56AEFE

#56AEFE

#FEA656

#FEA656

コントラスト比

1.22:1

Delta E

104.94

Very Different

50:50 ミックス

#C9AAAC

カラー値

フォーマット #56AEFE #FEA656
HEX #56AEFE #FEA656
RGB 86, 174, 254 254, 166, 86
HSL 208.6, 98.8%, 66.7% 28.6, 98.8%, 66.7%
HSV 208.6, 66.1%, 99.6% 28.6, 66.1%, 99.6%
CMYK 66.1%, 31.5%, 0.0%, 0.4% 0.0%, 34.6%, 66.1%, 0.4%
OKLCH 0.7313 0.1442 248.5 0.7979 0.1409 60.7

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

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FEA656 → 背景色: #56AEFE

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

テキスト: #56AEFE → 背景色: #FEA656

色差 (Delta E)

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

グラデーション

#56AEFE #8EACE2 #B0ABC7 #C9AAAC #DEA890 #EFA774 #FEA656

カラーミキシング

#56AEFE

100%

#A0ACD5

75:25

#C9AAAC

50:50

#E7A882

25:75

#FEA656

100%

CSSグラデーションコード

background: linear-gradient(to right, #56AEFE, #FEA656);
background: linear-gradient(135deg, #56AEFE, #FEA656);

各色を詳しく見る

#56AEFE

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

#FEA656

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

関連する比較