#7FA5EC

#7FA5EC

#ECC67F

#ECC67F

コントラスト比

1.52:1

Delta E

81.41

Very Different

50:50 ミックス

#C2B5B7

カラー値

フォーマット #7FA5EC #ECC67F
HEX #7FA5EC #ECC67F
RGB 127, 165, 236 236, 198, 127
HSL 219.1, 74.1%, 71.2% 39.1, 74.1%, 71.2%
HSV 219.1, 46.2%, 92.5% 39.1, 46.2%, 92.5%
CMYK 46.2%, 30.1%, 0.0%, 7.5% 0.0%, 16.1%, 46.2%, 7.5%
OKLCH 0.7227 0.1122 262.3 0.844 0.0992 82.3

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

1.52:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECC67F → 背景色: #7FA5EC

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

テキスト: #7FA5EC → 背景色: #ECC67F

色差 (Delta E)

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

グラデーション

#7FA5EC #9AAADA #B0AFC9 #C2B5B7 #D1BAA5 #DFC092 #ECC67F

カラーミキシング

#7FA5EC

100%

#A5ADD2

75:25

#C2B5B7

50:50

#D9BD9C

25:75

#ECC67F

100%

CSSグラデーションコード

background: linear-gradient(to right, #7FA5EC, #ECC67F);
background: linear-gradient(135deg, #7FA5EC, #ECC67F);

各色を詳しく見る

#7FA5EC

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

#ECC67F

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

関連する比較