#7CCCEC

#7CCCEC

#EC9C7C

#EC9C7C

コントラスト比

1.22:1

Delta E

67.81

Very Different

50:50 ミックス

#C4B5B3

カラー値

フォーマット #7CCCEC #EC9C7C
HEX #7CCCEC #EC9C7C
RGB 124, 204, 236 236, 156, 124
HSL 197.1, 74.7%, 70.6% 17.1, 74.7%, 70.6%
HSV 197.1, 47.5%, 92.5% 17.1, 47.5%, 92.5%
CMYK 47.5%, 13.6%, 0.0%, 7.5% 0.0%, 33.9%, 47.5%, 7.5%
OKLCH 0.8054 0.0906 225.7 0.7651 0.1061 42.5

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

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

テキスト読みやすさ

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

テキスト: #EC9C7C → 背景色: #7CCCEC

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

テキスト: #7CCCEC → 背景色: #EC9C7C

色差 (Delta E)

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

グラデーション

#7CCCEC #9BC5D9 #B2BDC6 #C4B5B3 #D4ADA1 #E1A58E #EC9C7C

カラーミキシング

#7CCCEC

100%

#A7C1CF

75:25

#C4B5B3

50:50

#DAA998

25:75

#EC9C7C

100%

CSSグラデーションコード

background: linear-gradient(to right, #7CCCEC, #EC9C7C);
background: linear-gradient(135deg, #7CCCEC, #EC9C7C);

各色を詳しく見る

#7CCCEC

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

#EC9C7C

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

関連する比較