#77BAFD

#77BAFD

#FDBA77

#FDBA77

コントラスト比

1.22:1

Delta E

85.38

Very Different

50:50 ミックス

#CDBABB

カラー値

フォーマット #77BAFD #FDBA77
HEX #77BAFD #FDBA77
RGB 119, 186, 253 253, 186, 119
HSL 210.0, 97.1%, 72.9% 30.0, 97.1%, 72.9%
HSV 210.0, 53.0%, 99.2% 30.0, 53.0%, 99.2%
CMYK 53.0%, 26.5%, 0.0%, 0.8% 0.0%, 26.5%, 53.0%, 0.8%
OKLCH 0.7709 0.1184 249.6 0.837 0.1142 65.2

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

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

テキスト読みやすさ

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

テキスト: #FDBA77 → 背景色: #77BAFD

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

テキスト: #77BAFD → 背景色: #FDBA77

色差 (Delta E)

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

グラデーション

#77BAFD #9CBAE7 #B7BAD1 #CDBABB #DFBAA5 #EFBA8E #FDBA77

カラーミキシング

#77BAFD

100%

#ABBADC

75:25

#CDBABB

50:50

#E7BA9A

25:75

#FDBA77

100%

CSSグラデーションコード

background: linear-gradient(to right, #77BAFD, #FDBA77);
background: linear-gradient(135deg, #77BAFD, #FDBA77);

各色を詳しく見る

#77BAFD

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

#FDBA77

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

関連する比較