#7DCDF1

#7DCDF1

#F1A17D

#F1A17D

コントラスト比

1.17:1

Delta E

69.67

Very Different

50:50 ミックス

#C8B8B6

カラー値

フォーマット #7DCDF1 #F1A17D
HEX #7DCDF1 #F1A17D
RGB 125, 205, 241 241, 161, 125
HSL 198.6, 80.6%, 71.8% 18.6, 80.6%, 71.8%
HSV 198.6, 48.1%, 94.5% 18.6, 48.1%, 94.5%
CMYK 48.1%, 14.9%, 0.0%, 5.5% 0.0%, 33.2%, 48.1%, 5.5%
OKLCH 0.81 0.0935 228.6 0.7798 0.1076 45.0

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

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F1A17D → 背景色: #7DCDF1

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

テキスト: #7DCDF1 → 背景色: #F1A17D

色差 (Delta E)

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

グラデーション

#7DCDF1 #9DC6DD #B5BFCA #C8B8B6 #D8B1A3 #E5A990 #F1A17D

カラーミキシング

#7DCDF1

100%

#AAC3D4

75:25

#C8B8B6

50:50

#DFAD9A

25:75

#F1A17D

100%

CSSグラデーションコード

background: linear-gradient(to right, #7DCDF1, #F1A17D);
background: linear-gradient(135deg, #7DCDF1, #F1A17D);

各色を詳しく見る

#7DCDF1

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

#F1A17D

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

関連する比較