#7AF692

#7AF692

#F67ADE

#F67ADE

コントラスト比

1.76:1

Delta E

134.8

Very Different

50:50 ミックス

#C9C0BA

カラー値

フォーマット #7AF692 #F67ADE
HEX #7AF692 #F67ADE
RGB 122, 246, 146 246, 122, 222
HSL 131.6, 87.3%, 72.2% 311.6, 87.3%, 72.2%
HSV 131.6, 50.4%, 96.5% 311.6, 50.4%, 96.5%
CMYK 50.4%, 0.0%, 40.7%, 3.5% 0.0%, 50.4%, 9.8%, 3.5%
OKLCH 0.8778 0.1768 148.2 0.7538 0.1908 335.2

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

1.76:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F67ADE → 背景色: #7AF692

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

テキスト: #7AF692 → 背景色: #F67ADE

色差 (Delta E)

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

グラデーション

#7AF692 #9CE5A0 #B5D3AE #C9C0BA #DAACC7 #E995D2 #F67ADE

カラーミキシング

#7AF692

100%

#A9DCA7

75:25

#C9C0BA

50:50

#E2A0CD

25:75

#F67ADE

100%

CSSグラデーションコード

background: linear-gradient(to right, #7AF692, #F67ADE);
background: linear-gradient(135deg, #7AF692, #F67ADE);

各色を詳しく見る

#7AF692

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

#F67ADE

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

関連する比較