#A2FBA4

#A2FBA4

#FBA2F9

#FBA2F9

コントラスト比

1.45:1

Delta E

110.46

Very Different

50:50 ミックス

#D7D2D0

カラー値

フォーマット #A2FBA4 #FBA2F9
HEX #A2FBA4 #FBA2F9
RGB 162, 251, 164 251, 162, 249
HSL 121.3, 91.8%, 81.0% 301.3, 91.8%, 81.0%
HSV 121.3, 35.5%, 98.4% 301.3, 35.5%, 98.4%
CMYK 35.5%, 0.0%, 34.7%, 1.6% 0.0%, 35.5%, 0.8%, 1.6%
OKLCH 0.9106 0.1452 144.8 0.8287 0.1514 327.6

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

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FBA2F9 → 背景色: #A2FBA4

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

テキスト: #A2FBA4 → 背景色: #FBA2F9

色差 (Delta E)

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

グラデーション

#A2FBA4 #B7EEB3 #C8E1C2 #D7D2D0 #E5C4DE #F0B4EC #FBA2F9

カラーミキシング

#A2FBA4

100%

#C0E7BB

75:25

#D7D2D0

50:50

#EBBCE5

25:75

#FBA2F9

100%

CSSグラデーションコード

background: linear-gradient(to right, #A2FBA4, #FBA2F9);
background: linear-gradient(135deg, #A2FBA4, #FBA2F9);

各色を詳しく見る

#A2FBA4

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

#FBA2F9

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

関連する比較