#6AF985

#6AF985

#F96ADE

#F96ADE

コントラスト比

1.9:1

Delta E

152.91

Very Different

50:50 ミックス

#C9BDB5

カラー値

フォーマット #6AF985 #F96ADE
HEX #6AF985 #F96ADE
RGB 106, 249, 133 249, 106, 222
HSL 131.3, 92.3%, 69.6% 311.3, 92.3%, 69.6%
HSV 131.3, 57.4%, 97.6% 311.3, 57.4%, 97.6%
CMYK 57.4%, 0.0%, 46.6%, 2.4% 0.0%, 57.4%, 10.8%, 2.4%
OKLCH 0.8772 0.1999 147.4 0.7377 0.2169 335.5

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

1.9:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F96ADE → 背景色: #6AF985

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

テキスト: #6AF985 → 背景色: #F96ADE

色差 (Delta E)

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

グラデーション

#6AF985 #94E696 #B2D2A6 #C9BDB5 #DBA5C3 #EB8BD1 #F96ADE

カラーミキシング

#6AF985

100%

#A4DC9E

75:25

#C9BDB5

50:50

#E499CA

25:75

#F96ADE

100%

CSSグラデーションコード

background: linear-gradient(to right, #6AF985, #F96ADE);
background: linear-gradient(135deg, #6AF985, #F96ADE);

各色を詳しく見る

#6AF985

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

#F96ADE

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

関連する比較