#7DBDF4

#7DBDF4

#F4B47D

#F4B47D

コントラスト比

1.12:1

Delta E

74.28

Very Different

50:50 ミックス

#C8B8B9

カラー値

フォーマット #7DBDF4 #F4B47D
HEX #7DBDF4 #F4B47D
RGB 125, 189, 244 244, 180, 125
HSL 207.7, 84.4%, 72.4% 27.7, 84.4%, 72.4%
HSV 207.7, 48.8%, 95.7% 27.7, 48.8%, 95.7%
CMYK 48.8%, 22.5%, 0.0%, 4.3% 0.0%, 26.2%, 48.8%, 4.3%
OKLCH 0.7763 0.1028 245.6 0.8174 0.1029 61.3

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

1.12:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F4B47D → 背景色: #7DBDF4

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

テキスト: #7DBDF4 → 背景色: #F4B47D

色差 (Delta E)

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

グラデーション

#7DBDF4 #9DBBE0 #B4BACD #C8B8B9 #D9B7A5 #E7B691 #F4B47D

カラーミキシング

#7DBDF4

100%

#A9BBD6

75:25

#C8B8B9

50:50

#E0B69B

25:75

#F4B47D

100%

CSSグラデーションコード

background: linear-gradient(to right, #7DBDF4, #F4B47D);
background: linear-gradient(135deg, #7DBDF4, #F4B47D);

各色を詳しく見る

#7DBDF4

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

#F4B47D

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

関連する比較