#89FF96

#89FF96

#FF89F2

#FF89F2

コントラスト比

1.66:1

Delta E

135.86

Very Different

50:50 ミックス

#D3CBC6

カラー値

フォーマット #89FF96 #FF89F2
HEX #89FF96 #FF89F2
RGB 137, 255, 150 255, 137, 242
HSL 126.6, 100.0%, 76.9% 306.6, 100.0%, 76.9%
HSV 126.6, 46.3%, 100.0% 306.6, 46.3%, 100.0%
CMYK 46.3%, 0.0%, 41.2%, 0.0% 0.0%, 46.3%, 5.1%, 0.0%
OKLCH 0.9058 0.1779 146.3 0.7934 0.1892 331.4

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

1.66:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FF89F2 → 背景色: #89FF96

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

テキスト: #89FF96 → 背景色: #FF89F2

色差 (Delta E)

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

グラデーション

#89FF96 #A8EFA7 #C0DDB7 #D3CBC6 #E4B7D5 #F2A2E4 #FF89F2

カラーミキシング

#89FF96

100%

#B4E6AF

75:25

#D3CBC6

50:50

#EBADDD

25:75

#FF89F2

100%

CSSグラデーションコード

background: linear-gradient(to right, #89FF96, #FF89F2);
background: linear-gradient(135deg, #89FF96, #FF89F2);

各色を詳しく見る

#89FF96

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

#FF89F2

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

関連する比較