#8CDCF5

#8CDCF5

#F5A58C

#F5A58C

コントラスト比

1.28:1

Delta E

64.07

Very Different

50:50 ミックス

#CFC2C0

カラー値

フォーマット #8CDCF5 #F5A58C
HEX #8CDCF5 #F5A58C
RGB 140, 220, 245 245, 165, 140
HSL 194.3, 84.0%, 75.5% 14.3, 84.0%, 75.5%
HSV 194.3, 42.9%, 96.1% 14.3, 42.9%, 96.1%
CMYK 42.9%, 10.2%, 0.0%, 3.9% 0.0%, 32.7%, 42.9%, 3.9%
OKLCH 0.8517 0.0856 219.8 0.7942 0.1018 38.1

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

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F5A58C → 背景色: #8CDCF5

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

テキスト: #8CDCF5 → 背景色: #F5A58C

色差 (Delta E)

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

グラデーション

#8CDCF5 #A8D3E3 #BDCBD1 #CFC2C0 #DDB8AE #EAAF9D #F5A58C

カラーミキシング

#8CDCF5

100%

#B3CFDA

75:25

#CFC2C0

50:50

#E4B4A6

25:75

#F5A58C

100%

CSSグラデーションコード

background: linear-gradient(to right, #8CDCF5, #F5A58C);
background: linear-gradient(135deg, #8CDCF5, #F5A58C);

各色を詳しく見る

#8CDCF5

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

#F5A58C

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

関連する比較