#9CE8C0

#9CE8C0

#E89CC4

#E89CC4

コントラスト比

1.47:1

Delta E

70.43

Very Different

50:50 ミックス

#C9C4C2

カラー値

フォーマット #9CE8C0 #E89CC4
HEX #9CE8C0 #E89CC4
RGB 156, 232, 192 232, 156, 196
HSL 148.4, 62.3%, 76.1% 328.4, 62.3%, 76.1%
HSV 148.4, 32.8%, 91.0% 328.4, 32.8%, 91.0%
CMYK 32.8%, 0.0%, 17.2%, 9.0% 0.0%, 32.8%, 15.5%, 9.0%
OKLCH 0.8704 0.094 160.6 0.7792 0.1033 346.9

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

1.47:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #E89CC4 → 背景色: #9CE8C0

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

テキスト: #9CE8C0 → 背景色: #E89CC4

色差 (Delta E)

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

グラデーション

#9CE8C0 #ADDCC1 #BCD1C2 #C9C4C2 #D4B8C3 #DFAAC3 #E89CC4

カラーミキシング

#9CE8C0

100%

#B5D7C1

75:25

#C9C4C2

50:50

#DAB1C3

25:75

#E89CC4

100%

CSSグラデーションコード

background: linear-gradient(to right, #9CE8C0, #E89CC4);
background: linear-gradient(135deg, #9CE8C0, #E89CC4);

各色を詳しく見る

#9CE8C0

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

#E89CC4

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

関連する比較