#53AFFC

#53AFFC

#FCA053

#FCA053

コントラスト比

1.16:1

Delta E

104.34

Very Different

50:50 ミックス

#C8A7A9

カラー値

フォーマット #53AFFC #FCA053
HEX #53AFFC #FCA053
RGB 83, 175, 252 252, 160, 83
HSL 207.3, 96.6%, 65.7% 27.3, 96.6%, 65.7%
HSV 207.3, 67.1%, 98.8% 27.3, 67.1%, 98.8%
CMYK 67.1%, 30.6%, 0.0%, 1.2% 0.0%, 36.5%, 67.1%, 1.2%
OKLCH 0.7314 0.1423 246.7 0.7847 0.1429 58.3

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

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FCA053 → 背景色: #53AFFC

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

テキスト: #53AFFC → 背景色: #FCA053

色差 (Delta E)

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

グラデーション

#53AFFC #8CACE0 #AEAAC5 #C8A7A9 #DCA58D #EDA371 #FCA053

カラーミキシング

#53AFFC

100%

#9FABD2

75:25

#C8A7A9

50:50

#E5A47F

25:75

#FCA053

100%

CSSグラデーションコード

background: linear-gradient(to right, #53AFFC, #FCA053);
background: linear-gradient(135deg, #53AFFC, #FCA053);

各色を詳しく見る

#53AFFC

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

#FCA053

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

関連する比較